以前、WeChat Enterprise Account: WeChat Attendance の開発で、Baidu Map の測位コンポーネントを使用しましたが、一部の携帯電話で測位失敗のプロンプトが表示されることに気づき、Baidu Map について勉強しました。元の Web コンポーネント Baidu は更新する予定がなかったので、Baidu Maps の他の 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>
結果を達成する
上記のコンテンツは、WeChat エンタープライズ公開アカウントによって開発された WeChat 出席と Baidu マップの位置情報を共有するためのものです。コードはシンプルで理解しやすいので、必要な方はぜひ学習してください。