집 >웹 프론트엔드 >H5 튜토리얼 >지리적 위치를 얻고 도시 이름을 표시하는 방법을 배우는 미니 프로그램

지리적 위치를 얻고 도시 이름을 표시하는 방법을 배우는 미니 프로그램

青灯夜游앞으로: 2018-11-10 16:26:014961검색

이 기사에서 제공하는 것은 미니 프로그램이 지리적 위치를 파악하고 도시 이름을 표시하는 방법을 학습하여 모든 사람이 WeChat 미니 프로그램에서 위치를 지정할 때 해당 도시 이름을 표시하는 방법을 이해할 수 있다는 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

최근 WeChat 미니 프로그램을 보다가 도시 이름이 표시되는 위치 정보에 문제가 발생했습니다. 이 글은 이 문제를 해결하는 과정을 기록하기 위한 것이다.

Solution

애플릿의 wx.getLocation()은 위도와 경도를 얻고 병합합니다. 지명이 포함되어 있지 않으므로 경도와 위도를 통해 해당 지도를 사용하여 지명을 변환해야 합니다(이 기사에서는 Baidu 지도를 사용합니다).

프로세스

1. 🎜🎜#

wx .getLocation(object): 현재 지리적 위치와 속도를 가져옵니다.

참고: 지리적 위치

에 대한 사용자 인증이 필요합니다. 자세한 매개변수 설명을 보려면 미니 프로그램 API를 확인하세요: https://developers.weixin.qq.com/miniprogram/dev/api/location.html#wxgetlocationobject

#🎜🎜 #wx.getLocation() 성공 후 얻은 데이터를 살펴보겠습니다.

얻은 데이터에서 다음을 알 수 있습니다. 은(는) 원하는 장소 이름이 아니므로 경도와 위도를 해당 장소 이름으로 변환해야 합니다. 이 기사에서는 해당 장소 이름을 변환하기 위해 Baidu Map의 해당 기능을 사용합니다.

2), 바이두 맵 준비

①, 바이두 맵 API를 사용하기 전에 먼저 구해야 할 사항 Baidu Map의 핵심 ak는 Baidu Map 파티에서 생성됩니다.

②, Baidu Map 개방형 플랫폼을 열고 탐색 모음에서 "개발 문서"를 선택합니다. > "WeChat 미니 프로그램 JavaScript API"는 "시작 가이드"에 키 ak를 생성하는 방법에 대한 자세한 지침이 있으므로 이 기사에서는 소개하지 않습니다.

참고문서 : http://lbsyun.baidu.com/index.php?title=wxjsapi/guide/key

3, 생성된 ak를 복사한 후 ak를 넣어주세요 이를 애플릿에 붙여넣습니다. 실제로 바이두 지도에서는 미니 프로그램에서 사용하는 지도 API의 압축 패키지를 제공하고 있는데, 미니 프로그램을 퍼블리싱할 때 크기 제한으로 인해 링크를 사용하기로 했습니다. 바이두 지도 온라인 변환 링크 주소: https://api.map.baidu.com/geocoder/v2/?ak=obtained AK&location=' + 위도 + ',' + 경도 + ' &output= json'

4. 미니 프로그램 계정을 사용하여 WeChat 공개 플랫폼(https://mp.weixin.qq.com/)에 로그인하고 "설정"에서 "개발 설정"을 선택합니다. 요청한 법적 도메인 이름에 Baidu Maps API의 URL이 추가됩니다.

참고:

바이두맵에서는 미니 프로그램 API용 다운로드 패키지를 제공하고 있습니다. 링크 주소를 사용하고 싶지 않다면 크기 제한으로 인해 다운로드 패키지를 사용해도 됩니다. 미니 프로그램이 출시되면 이 글에서는 다운로드 패키지를 사용하지 않는 링크 주소를 사용합니다.

⑤ 이제 준비 작업이 완료되었으며, 해당 지명을 경도와 경도에 따라 직접 변환할 수 있습니다. 미니 프로그램의 위도는 다음 그림과 같습니다.

성공적인 매개변수 출력을 살펴보겠습니다.