이전에 WeChat Enterprise Account: WeChat Attendance 개발에서 Baidu Map의 위치 확인 컴포넌트를 사용했는데 일부 휴대폰에서 위치 확인 실패 메시지가 나타나는 것을 발견하여 Baidu Map을 연구했습니다. 원래 웹 컴포넌트 바이두는 업데이트할 계획이 없어서 바이두 지도의 다른 API도 다시 확인해 봤는데, 자바스크립트 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 지도 위치 확인을 공유하기 위한 것입니다. 코드가 간단하고 이해하기 쉽습니다. 필요한 친구들은 와서 배워 보세요.