之前在[微信企業號開發:微信考勤](http://blog.csdn.net/xuexiaodong009/article/details/47952239)中使用了百度地圖的定位組件,但發現在部分手機上會出現定位失敗的提示,于是有研究了一下百度地圖。原來使用的Web組件百度不打算更新了,也是重新查了一下百度地圖的其他API,還有一個JavaScript API大眾版,于是試了試,沒想到竟然解決了。
核心代碼很簡單:
~~~
<div id="allmap"></div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kkkk"></script>
<script type="text/javascript">
// 百度地圖API功能
var map = new BMap.Map("allmap");
var circle = new BMap.Geolocation();
circle.getCurrentPosition(locationResult); //
map.addOverlay(circle);
function locationResult(geolocationResult) {
var Status = this.getStatus()
if (Status == 0)//檢索成功。對應數值“0”。
{
$("#lng").val(geolocationResult.point.lng);
$("#lat").val(geolocationResult.point.lat);
var address = geolocationResult.address;
$("#city").val(address.city);
$("#district").val(address.district);
$("#street").val(address.street);
$("#address").val(address.province + address.city + address.district + address.street + address.street_number);
}
else {
alert("定位失敗錯誤碼" + Status)
}
}
</script>
~~~
實現效果
