小程序获取当前地理位置(来自网络)

2018-09-02  本文已影响587人  0e8ba74529f7

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

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

上一篇 下一篇

猜你喜欢

热点阅读