> 웹 프론트엔드 > JS 튜토리얼 > WeChat 기업 계정 개발 WeChat 출석 Baidu 지도 positioning_javascript 기술

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

WBOY
풀어 주다: 2016-05-16 15:39:51
원래의
3259명이 탐색했습니다.

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿