Heim > WeChat-Applet > Mini-Programmentwicklung > Ausführliche Erläuterung der Entwicklung des WeChat-Miniprogramms und der Implementierung der Positionierung entsprechend dem aktuellen Stadtcode

Ausführliche Erläuterung der Entwicklung des WeChat-Miniprogramms und der Implementierung der Positionierung entsprechend dem aktuellen Stadtcode

高洛峰
Freigeben: 2018-05-19 14:22:29
Original
4543 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die relevanten Informationen zum Beispielcode des WeChat-Applets zur Lokalisierung der aktuellen Stadt vor. Freunde in Not können sich darauf beziehen

WeChat-Applet zur Lokalisierung der aktuellen Stadt

Zuerst müssen Sie die Baidu Map Geocoding API beantragen

Die Geocoding API umfasst Funktionen zur Adressauflösung und umgekehrten Adressauflösung:

Geokodierung: Das heißt, beim Parsen der Adresse werden die Längen- und Breitengradinformationen von Baidu aus der detaillierten strukturierten Adresse der Straße abgerufen. Beispiel: „Nr. 27, Zhongguancun South Street, Bezirk Haidian, Peking“ Das Ergebnis der Adressanalyse ist „lng:116.31985“. ,lat:39.959836". Gleichzeitig unterstützt die Geokodierung auch das direkte Parsen der Namen von Sehenswürdigkeiten und Wahrzeichen, um den Breiten- und Längengrad von Baidu zurückzugeben. Beispiel: Das Ergebnis der Adressanalyse von „Baidu Building“ ist „lng:116.30815,lat:40.056885“. Für allgemeine POI-Abrufanforderungen wird die Verwendung der Place API empfohlen.

2. Umgekehrte Geokodierung: Das heißt, umgekehrte Geokodierung, die strukturierte Adressinformationen aus Baidu-Breitengrad- und Längengradinformationen erhält, zum Beispiel: „lat:31.325152,lng:120.558957“ Das Ergebnis der umgekehrten Geokodierung ist „Provinz Jiangsu Nr. 318, Tayuan Road, Bezirk Huqiu, Stadt Suzhou.“

Code:

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 
 } 
 }) 
 } 
})
Nach dem Login kopieren

index.wxml

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

Vielen Dank fürs Lesen, ich hoffe, es kann allen helfen, vielen Dank für Ihre Unterstützung dieser Website!

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Entwicklung des WeChat-Miniprogramms und der Implementierung der Positionierung entsprechend dem aktuellen Stadtcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage