WeChat 미니 프로그램 개발 및 현재 도시 코드에 대한 포지셔닝 구현에 대한 자세한 설명

이 글에서는 현재 도시를 찾는 WeChat 애플릿의 예제 코드에 대한 관련 정보를 주로 소개합니다. 도움이 필요한 친구들은 이를 참고할 수 있습니다.

현재 도시를 찾는 WeChat 애플릿

먼저 Baidu Map Geocoding API를 신청해야 합니다

Geocoding API에는 주소 확인 및 역방향 주소 확인 기능이 포함되어 있습니다.

1. 즉, 주소 분석을 통해 거리에 대한 상세한 구조화된 주소로부터 바이두 위도 및 경도 정보를 얻을 수 있습니다. 예: "No. 27, Zhongguancun South Street, Haidian District, Beijing" 주소 분석 결과는 "lng: 116.31985,lat:39.959836". 동시에 지오코딩은 Baidu 위도 및 경도를 반환하기 위해 관심 장소 및 랜드마크 건물의 이름을 직접 구문 분석하는 것도 지원합니다. 예를 들어 "Baidu Building"의 주소 구문 분석 결과는 "lng:116.30815,lat:40.056885"입니다. 일반적인 POI 검색 요구사항의 경우 Place API를 사용하는 것이 좋습니다.

2. 역지오코딩: 즉, Baidu 위도 및 경도 정보에서 구조화된 주소 정보를 얻는 역지오코딩(예: "lat:31.325152,lng:120.558957") 역지오코딩 결과는 다음과 같습니다. "장쑤성 쑤저우시 후추구 타위안로 318호."

코드:

Page({ 
 data:{ 
 city:'' 
 }, 
 onLoad:function(options){ 
 this.loadInfo(); 
 }, 
 loadInfo:function(){ 
 var page=this 
 wx.getLocation({ 
 type: 'wgs84', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标 
 success: function(res){ 
 // success 
 var longitude=res.longitude 
 var latitude=res.latitude 
 page.loadCity(longitude,latitude) 
 }, 
 fail: function() { 
 // fail 
 }, 
 complete: function() { 
 // complete 
 } 
 }) 
 }, 
 loadCity:function(longitude,latitude){ 
 var page =this 
 wx.request({ 
 url: 'https://api.map.baidu.com/geocoder/v2/?ak=您的ak &location='+latitude+','+longitude+'&output=json', 
 data: {}, 
 header:{ 
 'Content-Type':'application/json' 
 }, 
 success: function(res){ 
 // success 
 console.log(res); 
 var city=res.data.result.addressComponent.city; 
 page.setData({city:city}); 
 }, 
 fail: function() { 
 // fail 
 }, 
 complete: function() { 
 // complete 
 } 
 }) 
 } 
})

index.wxml

<!--index.wxml--> 
<view class="container"> 
{{city}} 
</view>

읽어주셔서 감사합니다. 모두에게 도움이 되기를 바랍니다. 이 사이트를 지원해 주셔서 감사합니다!

위 내용은 WeChat 미니 프로그램 개발 및 현재 도시 코드에 대한 포지셔닝 구현에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!