微信小程序 定位 獲取國家省市區
阿新 • • 發佈:2018-05-03
coder 校驗 HA 提示 ssd 地圖 頂部 info div
/** * 頁面的初始數據 */ data: { },
/** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { var that = this var wxmapsdk = new mapsdk({ key: ‘騰訊地圖開發密鑰(key)‘ }); wx.getLocation({ success: function (res) { //2、根據坐標獲取當前位置名稱,顯示在頂部:騰訊地圖逆地址解析 console.log(res) wxmapsdk.reverseGeocoder({ location: { latitude: res.latitude, longitude: res.longitude }, success: function (ress) { console.log(ress) var nation = ress.result.address_component.nation; var province = ress.result.address_component.province; var city = ress.result.address_component.city; var district = ress.result.address_component.district; that.setData({ nation: nation, province: province, city: city, district: district }) } }) } }) } })
從文檔可知該方法只是返回的位置坐標等信息,並未返回地理位置名稱。好在騰訊地圖準們為小程序提供了接口SDK來獲取位置信息。
文檔地址如下:http://lbs.qq.com/qqmap_wx_jssdk/index.html
SDK使用方法請參照該文檔。
在小程序中獲取地理位置信息的流程就是:
- 根據wx.getLocation方法獲取當前位置坐標。
- 根據reverseGeocoder方法獲取當前坐標地理位置信息。
,2:到小程序控制臺添加request合法域名
var mapsdk = require("../../utils/qqmap-wx-jssdk.min.js") Page({
/** * 頁面的初始數據 */ data: { },
/** * 生命周期函數--監聽頁面加載 */ onLoad: function (options) { var that = this var wxmapsdk = new mapsdk({ key: ‘騰訊地圖開發密鑰(key)‘ }); wx.getLocation({ success: function (res) { //2、根據坐標獲取當前位置名稱,顯示在頂部:騰訊地圖逆地址解析 console.log(res) wxmapsdk.reverseGeocoder({ location: { latitude: res.latitude, longitude: res.longitude }, success: function (ress) { console.log(ress) var nation = ress.result.address_component.nation; var province = ress.result.address_component.province; var city = ress.result.address_component.city; var district = ress.result.address_component.district; that.setData({ nation: nation, province: province, city: city, district: district }) } }) } }) } })
微信小程序 定位 獲取國家省市區