微信小程序可以使用wx.getLocation(uni.getLocation)直接获取用户位置信息,里面含有经纬度参数。
如果需要获取详细位置,如省市区,附近街道等信息,就需要引用第三方js。可以使用腾讯地图SDK。
1、去腾讯地图登录/注册账号。
2、申请秘钥(key)
文章图片
文章图片
文章图片
文章图片
3、下载腾讯地图JavaScriptSDK,点击下载。
4、安全域名设置,在微信公众平台添加域名地址(开发管理-开发设置)https://apis.map.qq.com。
5、引入
var QQMapWx = require('@/com/qqmap-wx-jssdk.js')
var qqMapsdk;
6、使用
getLocation() {
var _this = this
uni.chooseLocation({
keyword: true,
success: (res) => {
console.log(res, 'res');
qqMapsdk.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success(elem) {
const { result: { address_component: { province, city, district } } } = elem // 省市区
console.log(elem)
}
})
}
})
},
【微信小程序|微信小程序根据经纬度获取省市区信息】
推荐阅读
- 微信小程序开发流程
- 零基础微信小程序入门开发系列|【零基础微信小程序入门开发一】小程序介绍及环境搭建
- #|微信小程序 + 腾讯位置服务获取全国城市列表
- 微信小程序|毕业论文-基于微信小程序的图书馆管理系统设计与实现
- 小程序|微信小程序云开发 | 城市信息管理
- 微信小程序|微信小程序调用天气信息
- 微信小程序|微信小程序健康预约检查管理系统的开发与实现
- 微信小程序|新版微信小程序发布指南
- 微信小程序(黑马)|【微信小程序】一文读懂,数据请求