两种方法:一种是腾讯地图获取,另一种是百度地图获取
我用的是腾讯地图获取步骤如下 可参考腾讯地图api: http://lbs.qq.com/qqmap_wx_jssdk/index.html
1. 申请开发者密钥(key):申请密钥
2. 下载微信小程序JavaScriptSDK,微信小程序JavaScriptSDK v1.0
3. 安全域名设置,在“设置” -> “开发设置”中设置request合法域名,添加https://apis.map.qq.com
4、引入下载好的sdk
var QQMapWX = require("../../js/qqmap-wx-jssdk.min.js");
5、在页面调用
a、首先在data中声明,相当于给用户提示效果
data: {
province: '正在定位……'
},
b、页面中的代码
qqmapsdk = new QQMapWX({
key: 'NO2BZ-4YL65-VXBIH-Q32N3-SCGUV-ARBD3'
});
// 获取当前位置
wx.getLocation({
type: 'wgs84',
success: function (res) {
//2、根据坐标获取当前位置名称,显示在顶部:腾讯地图逆地址解析
qqmapsdk.reverseGeocoder({
location: {
latitude: res.latitude,
longitude: res.longitude
},
success: function (addressRes) {
var province = addressRes.result.address_component.province;
var city = addressRes.result.address_component.city;
var cityid=addressRes.result.ad_info.city_code;
// var cityid=
that.setData({
province: province,
city: city,
cityid:cityid
})
}
})
},
fail:function(){
that.setData({
province: '定位失败,请选择城市',
})
}
c、有时获取到的城市需要和本地接口对接
只需要用cityid
var cityid=addressRes.result.ad_info.city_code.substring(3);
网友评论