摘要:
微信小程序可以使用wx.getLocation 直接获取用户位置信息,里面含有经纬度参数。如果需要获取详细位置,如省市区,附近街道等,就需要引用第三方js。我使用的腾讯地图SDK,...
微信小程序可以使用wx.getLocation 直接获取用户位置信息,里面含有经纬度参数。
如果需要获取详细位置,如省市区,附近街道等,就需要引用第三方js。我使用的腾讯地图SDK,毕竟是一家,一家人就要整整齐齐在一起。
1.申请开发者密钥(key)
2.下载腾讯地图SDK
3.安全域名设置,需要在微信公众平台添加域名地址https://apis.map.qq.com
4.小程序实例:
a.引用js
var QQMapWX = require('../../lib/qqmap-wx-jssdk.js'); // 引入腾讯地图SDK核心类
b.调用
var that=this,qqmapsdk; qqmapsdk = new QQMapWX({ key: 'key' }); wx.getLocation({ //获取当前地址 type: 'wgs84', success: function (res){ var latitude = res.latitude // 纬度,浮点数,范围为90 ~ -90 var longitude = res.longitude // 经度,浮点数,范围为180 ~ -180 //根据经纬度获取所在城市 qqmapsdk.reverseGeocoder({ location: {latitude: latitude,longitude: longitude}, success: function (res) { //address 城市 that.setData({ address: res.result.address_component.city}) wx.showToast({ title: `当前位置: ` + that.data.address, icon: 'none' }); } }); } })