Sebelum ini, dalam pembangunan Akaun WeChat Enterprise: Kehadiran WeChat, saya menggunakan komponen penentududukan Peta Baidu, tetapi mendapati gesaan kegagalan penentududukan muncul pada beberapa telefon mudah alih, jadi saya mempelajari Peta Baidu. Komponen web asal Baidu tidak merancang untuk mengemas kini, jadi saya menyemak semula API Peta Baidu yang lain, dan terdapat juga versi awam API JavaScript, jadi saya mencubanya, tetapi tanpa diduga ia telah diselesaikan.
Kod teras sangat mudah:
<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>
Mencapai keputusan
Kandungan di atas adalah untuk berkongsi dengan anda kehadiran WeChat dan kedudukan peta Baidu yang dibangunkan oleh akaun awam perusahaan WeChat Kod ini mudah dan mudah difahami Rakan yang memerlukannya, datang dan pelajarinya.