NEWS

技术文章

微信小程序实现自动定位

编辑:
起点网络
发布时间:
2018-6-27
点击:
使用了腾讯地图提供的免费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)
          }
        })
      }
    })
  } 
})
标签  微信小程序开发
相关文章

Copyright@宁波起点网络. All rights reserved. Powered by 起点网络       备案号:浙ICP备 16017710号