麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

利用html5获取经纬度并且在百度地图中显示位置

之前我在利用html5获取经纬度并且在google map显示位置文中,对GIS开发中使用html5接口获取经纬度做了一个简单的扩充,就是使用google map显示出所在的位置,后来一想google的服务在中国好像没有那么好的用户体验(当然这里面有某些原因,这里不必说明)。于是就有了这篇文章,就是将之前使用html5获得的经纬度在百度地图上显示出来。

在使用百度地图之前需要去申请百度的地图的appkey,同样google也需要申请,之前的文章里并没有介绍,希望各位读者注意。

下面是简单的代码

//在百度 map中显示地址
var map = new BMap.Map("map_canvas");          // 创建地图实例  
var point = new BMap.Point(longitudeP , latitudeP);  // 创建点坐标  
map.centerAndZoom(point, 15);// 初始化地图,设置中心点坐标和地图级别  
var marker = new BMap.Marker(point);    
map.addOverlay(marker); 

其中的longitudeP表示经度,latitudeP表示纬度,map_canvas是html中设置的ID,具体的可以下载我的源代码作为参考。

ps:可以看出百度的调用比google map要来的快很多。

效果图:

不过可以看出这里的定位有点偏差,并且偏差很大!!这里就不评论什么了。。。

之前的评论有很多不对之处,谢谢各位读者指正,这里的偏差是由于百度地图的坐标转换问题所引起,现在已经更新,详情请猛击这里:

http://malagis.com/baidu-maps-api-map-coordinate-conversion.html

关于这个DEMO:

点击这里在线预览     猛击这里下载这个demo

解压密码:

malagis.com

PS:注意,密码是malagis.com,没有前面的http,不要从浏览器直接复制啊,亲!

麻辣GIS-Sailor
作者:
GIS爱好者,学GIS,更爱玩GIS。
微博关注
手机阅读
赞赏支持
手机阅读
微信捐助麻辣GIS
微信打赏
支付宝捐助麻辣GIS
支付宝打赏

声明

1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

3.如果本文对您有所帮助,请您对我们团队进行 打赏捐助让我们在传播3S的路上可以走得更远,不胜感激。PS:如果你是学生党,请优先把经费用于购买学习资料 以及 与小哥哥/小姐姐约会上:-)

如您有疑问,可在文末留言,或到麻辣GIS QQ群中提问。

QQ群(一):291616564 加入QQ群

QQ群(二):166408035 加入QQ群

QQ群(三):627853279 加入QQ群

QQ群(四):436386604 加入QQ群

QQ群(五):606176554 加入QQ群

QQ群(六):946178380 加入QQ群

QQ群(七):861271808 加入QQ群

新疆互助群:910717627 加入QQ群

微信公众号:malagis,扫描右边二维码直接关注。

仅有一条评论

  1. [...]我在之前的文章利用html5获取经纬度并且在百度地图中显示位置中使用了百度地图的API来显示html5获取的地理位置,在文中我说过这样的话,我说百度地图的准确度不怎么精确,偏差很大。这里我要更正下:[...]

发表评论