WeChat 기업 계정 개발 WeChat 출석 Baidu 지도 positioning_javascript 기술

이전에 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&#63;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 지도 위치 확인을 공유하기 위한 것입니다. 코드가 간단하고 이해하기 쉽습니다. 필요한 친구들은 와서 배워 보세요.