小程序获取当前地理位置

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

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

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值