WeChat ミニプログラムの開発と現在の都市コードへの位置付けの実装についての詳細な説明

この記事では主に、WeChat アプレットの現在の都市位置のサンプル コードに関する関連情報を紹介します。必要な友人は参照してください

WeChat アプレットは現在の都市を特定します

まず、百度地図ジオコーディングを申請する必要があります。 API

ジオコーディング API には、住所解決機能と逆住所解決機能が含まれています:

1. ジオコーディング: つまり、住所解決。通りに詳細な構造化住所から Baidu の経度と緯度の情報を取得します。たとえば、「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」。逆ジオコーディングの結果は「Tower, Huqiu」です。江蘇省蘇州市区「元路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 中国語 Web サイトの他の関連記事を参照してください。