微信小程式根據經緯度 獲取城市資訊
阿新 • • 發佈:2019-02-18
微信小程式可以使用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' }); } }); } })