微信小程序实现自动定位

使用了腾讯地图提供的免费api:
http://lbs.qq.com/qqmap_wx_jssdk/index.html

需要引入一个js文件:
http://3gimg.qq.com/lightmap/xcx/jssdk/qqmap-wx-jssdk1.0.zip

js代码:
// 引入SDK核心类
var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');
var qqmap = new QQMapWX({
//在腾讯地图开放平台申请密钥 http://lbs.qq.com/mykey.html
  key: 'your KEY'
});
Page({
  data: {
    myLatitude: "",
    myLongitude: "",
    myAddress: ""
  },
  onLoad: function(){
    var that = this
    //用微信提供的api获取经纬度
    wx.getLocation({
      type: 'wgs84',
      success: function(res){
        that.setData({myLatitude: res.latitude, myLongitude: res.longitude})
        //用腾讯地图的api,根据经纬度获取城市
        qqmap.reverseGeocoder({
          location: {
            latitude: that.data.myLatitude,
            longitude: that.data.myLongitude
          },
          success: function (res) {
            console.log(res)
            var a = res.result.address_component
            //获取市和区(区可能为空)
            that.setData({myAddress: a.city + a.district})
            //控制台输出结果
            console.log(that.data.myAddress)
          }
        })
      }
    })
  } 
})
  • 3
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值