小程序获取当前地理位置

两种方法:一种是腾讯地图获取,另一种是百度地图获取

我用的是腾讯地图获取步骤如下 可参考腾讯地图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);

猜你喜欢

转载自blog.csdn.net/huanhunacsdn/article/details/80422937
今日推荐