小程序获取省市区

最新推荐文章于 2025-06-06 22:05:16 发布

优睿

最新推荐文章于 2025-06-06 22:05:16 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序获取省市区

本文链接：https://blog.csdn.net/qq_36926807/article/details/84132234

本文详细介绍了如何在微信小程序中获取用户的位置信息，包括省市区。首先，需要获取用户授权并使用wx.getLocation。接着，利用腾讯地图的JavaScript SDK，经过申请开发者秘钥、设置安全域名等步骤，结合QQMapWX库，实现从经纬度到省市区的转换。最后，展示了相关代码实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先要获取当前位置 wx.getLocation,前提是要取得授权wx.getSetting

2.通过wx.getLocation获得经纬度之后，使用腾讯地图，使用的前提要完成以下的

（1）申请开发者秘钥

（2）下载微信小程序javaScriptSDK

（3）安全域名设置，在“设置” -> “开发设置”中设置request合法域名，添加http://api.map.qq.com

3.代码的实现如下：

//获取应用实例
const app = getApp();
var QQMapWX = require('../../../utils/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({
data: {
province: '',
city: '',
latitude: '',
longitude: ''
},
onLoad: function () {
qqmapsdk = new QQMapWX({
key: 'XXXX-XXXX-XXXX-XXXX' //这里自己的key秘钥进行填充
});
},
onShow: function () {
let vm = this;
vm.getUserLocation();
},
getUserLocation: function () {
let vm = this;
wx.getSetting({
success: (res) => {
console.log(JSON.stringify(res))
// res.authSetting['scope.userLocation'] == undefined 表示初始化进入该页面
// res.authSetting['scope.userLocation'] == false 表示非初始化进入该页面,且未授权
// res.a