[移动开发]小程序前端开发技巧分享（三）

本文为作者实际项目遇到的问题总结，在这里记录分享。喜欢的加个收藏吧。

城市定位：这个很简单在网上一搜就出来了，但是我觉得有必要记录一下。注意一点就是要在小程序中添加request合法域名 ：?https://apis.map.qq.com

一：去腾讯地图注册

二：拿到sdk 复制到你的小程序中

三：在使用地图接口? 页面js 引入

var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
var qqmap


onLoad: function(){
 qqmap = new QQMapWX({
      key: '*****-****-*****-*****-****-*****' // 必填
    })
}

再将 经纬度 传入qqmap.reverseGeocoder 进行地址解析 在回调函数中就可以获取到省市区信息

 //获取定位信息 
   getUserLocation:function(){
    let that = this
    qqmap.reverseGeocoder({ //逆地址解析（经纬度 ==> 坐标位置）
      location: {
        latitude: that.data.lat,
        longitude: that.data.lng
      },
      success(res) {
        console.log("-----------------腾讯地图接口-----------------")
        console.log(res)
        var city = res.result.ad_info.city
        city = city.replace("市","")
        console.log(city)
        that.setData({
          // province:res.result.ad_info.province,
          city
          // district:res.result.ad_info.district
        })
        wx.setStorageSync('city', city)

      }
    })
  },