微信小程序实现自动定位

来源:互联网 发布:日本轴承知乎 编辑:程序博客网 时间:2024/05/01 02:48

使用了腾讯地图提供的免费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)          }        })      }    })  } })
原创粉丝点击