小程序定位當前城市源代碼實例
2018-01-17|HiShop
導讀：商家在開發小程序時，首先會需要定位位置到當前城市，這里就要設置源代碼，這樣才可以實現定位到當前城市。...
商家在開發小程序時，首先會需要定位位置到當前城市，這里就要設置源代碼，這樣才可以實現定位到當前城市。
小程序 定位到當前城市
首先需要申請百度地圖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號”。
代碼：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
|
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
|
1
2
3
4
|
<!--index.wxml--><view class="container">{{city}}</view> |
以上是小程序定位到當前城市的源代碼，希望可以幫助到大家！
上一篇：京東購物小程序系統源碼開發案例 下一篇：微信小程序定位權限開啟或關閉怎么控制
- 關注官方公眾號 -
提供多種電商軟件及解決方案