1. 程式人生 > >微信小程序 定位 獲取國家省市區

微信小程序 定位 獲取國家省市區

coder 校驗 HA 提示 ssd 地圖 頂部 info div

從文檔可知該方法只是返回的位置坐標等信息,並未返回地理位置名稱。好在騰訊地圖準們為小程序提供了接口SDK來獲取位置信息。

文檔地址如下:http://lbs.qq.com/qqmap_wx_jssdk/index.html
SDK使用方法請參照該文檔。

在小程序中獲取地理位置信息的流程就是:

  1. 根據wx.getLocation方法獲取當前位置坐標。
  2. 根據reverseGeocoder方法獲取當前坐標地理位置信息。
註意:會提示https://apis.map.qq.com不是request 合法域名,解決方法:1:關掉校驗域名 技術分享圖片

,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 }) } }) } }) } })

微信小程序 定位 獲取國家省市區