微信小程序 定位 获取国家省市区

Posted chenyiteng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序 定位 获取国家省市区相关的知识,希望对你有一定的参考价值。

从文档可知该方法只是返回的位置坐标等信息,并未返回地理位置名称。好在腾讯地图准们为小程序提供了接口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
})
}
})
}
})
}
})

 






以上是关于微信小程序 定位 获取国家省市区的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 通过经纬度获取省市区 (腾讯云)

微信小程序怎么破定位

微信小程序 --- 获取当前坐标

微信小程序实现地址选择组件

OPPO手机微信小程序获取不了位置信息

微信小程序三级联动地址选择器