『公告』 预祝您龙年大吉,万事如意, 过节期间, 大家如需数据服务,请拨打400 或直接添加客服微信,再祝大家龙年,心想事成。
关注我们 新浪 腾讯

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

利用html5获取经纬度并且在百度地图中显示位置
之前我在利用html5获取经纬度并且在google map显示位置文中,对GIS开发中使用html5接口获取经纬度做了一个简单的扩充,就是使用google map显示出所在的位置。

       之前我在利用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_canvashtml中设置的ID,具体的可以下载我的源代码作为参考。

 

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

 

       效果图:

 

 

 

 

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

 

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

 

 

 

       关于这个DEMO

 

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

 

       解压密码:

 

       malagis.com

 

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

      京ICP备08100627号-22 京公网安备 11010802030428号