위 챗 JSSDK 현재 지리 적 위치 정보 획득

최근 위 챗 JS - SDK 문서 의 지리 적 위치 인터페이스 부분 을 연구 하고 있 으 며, 작은 깨 달 음 을 얻 었 습 니 다. 여기 서 공유 해 드 리 겠 습 니 다.먼저 JSDK 의 접속 입 니 다. 공식 문 서 를 참조 하여 할 수 있 습 니 다. 여기 서 생략 합 니 다.다음은 본 논문 의 주제 에 들 어 갑 니 다. 현재 지리 적 위치 에 대한 정 보 를 얻 으 면 위도 와 위치 에 대한 상세 한 정 보 를 포함 하고 위 챗 공중 번호 페이지 에서 현재 위 치 를 여 는 그림 절 차 는 다음 과 같 습 니 다.(function () {} 함수 에 위 단추 의 클릭 이 벤트 를 써 서 지리 적 위 치 를 가 져 옵 니 다: document. query Selector ('\ # getLocation'). onclick = function () {wx. getLocation ({type: 'gcj 02', / 기본 wgs 84 의 gps 좌 표를 되 돌려 주 려 면 openLocation 에 직접 사용 할 화성 좌 표를 되 돌려 주 려 면 'gcj 02' success: function (res) {
var latitude = res. latitude; / 위도, 부동 소수점, 범 위 는 90 ~ -
var longitude = res. longitude; / 경도, 부동 소수점, 범 위 는 180 ~ - 180 입 니 다.
var speed = res. speed; / / 속도, 초당 미터
var accuracy = res. accuracy; / 위치 정밀도
    $.ajax({ 
     url: "http://apis.map.qq.com/ws/geocoder/v1/?location="+latitude+","+longitude+"&coord_type=5&key=                &output=jsonp&callback=calllocation", 
    type:"GET",        
    dataType:'jsonp',
    jsonp:'calllocation'
   }); 

}, cancel: function (res) {alert ('사용자 가 지리 적 위 치 를 가 져 오 는 권한 을 거부 합 니 다');}
}); };
위 코드 에서 몇 가지 아이디어 가 필요 합 니 다. wx. getLocation 인터페이스 에 들 어 갈 인자 type 은 gcj 02 이 어야 합 니 다. $. ajax ()방법 은 텐 센트 맵 오픈 플랫폼 에서 WebServiceAPI 의 역 지리 적 해석 인터페이스 url 입 니 다. 주 소 는 다음 과 같 습 니 다.http://apis.map.qq.com/ws/geocoder/v1/매개 변수 location 은 경위도, 위 도 는 앞 에 있 고 경 도 는 뒤에 있 습 니 다. coord type 은 좌표계 유형 입 니 다. 여기 서 5 를 취하 면 텐 센트 맵 의 좌표계 입 니 다. 원 격 크로스 도 메 인 요청 이기 때문에 output 는 jsonp 를 취하 고 callback 의 값 은 자정 입 니 다.의 함수 이름, key 는 텐 센트 오픈 플랫폼 의 개발 자 비밀 키 입 니 다. 텐 센트 오픈 플랫폼 에서 신청 해 야 합 니 다. 원 격 인 터 페 이 스 를 호출 하 는 ajax 요청 은 GET 요청 이 어야 합 니 다. 이 요청 의 반환 값 은 리 셋 함수 calllocation 에서 가 져 옵 니 다: function calllocation (data){ var name=data.result.formatted_addresses.rough; var address=data.result.formatted_addresses.recommend; var lat=data.result.location.lat; var lng=data.result.location.lng; wx.openLocation({latitude: lat, / 위도, 부동 소수점, 범 위 는 90 ~ - 90 longitude: lg, / 경도, 부동 소수점, 범 위 는 180 ~ 180 입 니 다. name: name, / 위치 명 address: address, / 주소 상세 설명 scale: 18, / 지도 크기 조정 단계, 성형 값, 범 위 는 1 ~ 28 입 니 다.; }
리 셋 함수 에서 리 턴 값 에 따라 위도 좌표, 위치 이름, 위치 상세 주 소 를 가 져 온 후 wx. openLocation () 를 호출 합 니 다.인터페이스 가 페이지 에서 이 위치 에 있 는 지 도 를 엽 니 다. 지도 에서 이 위 치 를 볼 수 있 습 니 다. 빨간색 으로 표시 되 어 있 고 이름과 주 소 는 지도 아래 에 표 시 됩 니 다. 마지막 으로 지 도 를 엽 니 다. 이 효 과 는 휴대 전화 위 챗 공식 번호 에서 볼 수 있 습 니 다. PC 위 챗 에 서 는 볼 수 없습니다.

좋은 웹페이지 즐겨찾기