An explanation of how to develop WeChat mini programs and target the current city-Mini Program Development-php.cn

An explanation of how to develop WeChat mini programs and target the current city

巴扎黑

Release： 2017-09-12 10:54:09

Original

2868 people have browsed it

微信小程序定位到当前城市

首先需要申请百度地图Geocoding API

Geocoding API包括地址解析和逆地址解析功能：

1.地理编码：即地址解析，由详细到街道的结构化地址得到百度经纬度信息，例如：“北京市海淀区中关村南大街27号”地址解析的结果是“lng:116.31985,lat:39.959836”。同时，地理编码也支持名胜古迹、标志性建筑名称直接解析返回百度经纬度，例如：“百度大厦”地址解析的结果是“lng:116.30815,lat:40.056885” ，通用的POI检索需求，建议使用Place API。

2.逆地理编码：即逆地址解析，由百度经纬度信息得到结构化地址信息，例如：“lat:31.325152,lng:120.558957”逆地址解析的结果是“江苏省苏州市虎丘区塔园路318号”。

代码：

Page({ 
 data:{ 
 city:&#39;&#39; 
 }, 
 onLoad:function(options){ 
 this.loadInfo(); 
 }, 
 loadInfo:function(){ 
 var page=this 
 wx.getLocation({ 
 type: &#39;wgs84&#39;, // 默认为 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: &#39;https://api.map.baidu.com/geocoder/v2/?ak=您的ak &location=&#39;+latitude+&#39;,&#39;+longitude+&#39;&output=json&#39;, 
 data: {}, 
 header:{ 
 &#39;Content-Type&#39;:&#39;application/json&#39; 
 }, 
 success: function(res){ 
 // success 
 console.log(res); 
 var city=res.data.result.addressComponent.city; 
 page.setData({city:city}); 
 }, 
 fail: function() { 
 // fail 
 }, 
 complete: function() { 
 // complete 
 } 
 }) 
 } 
})

Copy after login

index.wxml

&lt;!--index.wxml--> 
&lt;view class="container"> 
pw_city 
&lt;/view>

Copy after login

The above is the detailed content of An explanation of how to develop WeChat mini programs and target the current city. For more information, please follow other related articles on the PHP Chinese website!