利用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,不要从浏览器直接复制啊，亲！