之前在微信企業(yè)號開發(fā):微信考勤中使用了百度地圖的定位組件,但發(fā)現(xiàn)在部分手機(jī)上會出現(xiàn)定位失敗的提示,于是有研究了一下百度地圖。原來使用的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)//檢索成功。對應(yīng)數(shù)值“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>
實(shí)現(xiàn)效果
以上內(nèi)容給大家分享的微信企業(yè)公眾號開發(fā)之微信考勤百度地圖定位,代碼簡單易懂,需要的朋友快來學(xué)習(xí)吧。
新聞熱點(diǎn)
疑難解答