1. 程式人生 > >微信小程式根據經緯度 獲取城市資訊

微信小程式根據經緯度 獲取城市資訊

微信小程式可以使用wx.getLocation 直接獲取使用者位置資訊,裡面含有經緯度引數。

如果需要獲取詳細位置,如省市區,附近街道等,就需要引用第三方js。我使用的騰訊地圖SDK,畢竟是一家,一家人就要整整齊齊在一起。

1.申請開發者金鑰(key):申請

2.下載騰訊地圖SDK:下載

3.安全域名設定,需要在微信公眾平臺新增域名地址https://apis.map.qq.com

4.小程式例項:

  a.引用js

var QQMapWX = require('../../lib/qqmap-wx-jssdk.js');   // 引入騰訊地圖SDK核心類

 b.呼叫

var that=this,qqmapsdk;
    qqmapsdk = new QQMapWX({
      key: 'key'
    });  


 wx.getLocation({  //獲取當前地址
      type: 'wgs84',
      success: function (res){
        var latitude = res.latitude // 緯度,浮點數,範圍為90 ~ -90
        var longitude = res.longitude // 經度,浮點數,範圍為180 ~ -180
        //根據經緯度獲取所在城市
        qqmapsdk.reverseGeocoder({
          location: {latitude: latitude,longitude: longitude},
          success: function (res) {
            //address 城市
            that.setData({ address: res.result.address_component.city})
            wx.showToast({
              title: `當前位置: ` + that.data.address,
              icon: 'none'
            });          
          }
        });
      }
    })