做这个功能之前我们需要先考虑用什么地图接口，常用的有百度地图，腾讯地图，高德地图，本文选用高德地图接口作为演示，搜索https://lbs.amap.com/，注册，进入控制台，创建新应用,

再添加key

这个key就像我们小程序调用接口时的验证码，有了它我们才能从高德调取位置的数据,然后我们点击key后面的设置，再点击微信小程序SDK

进去之后点这两个，下载amap-wx.js 文件，然后在你的小程序目录里面创建一个libs文件，把这个amap-wx.js扔进去

接下来我们来到内部定位页面的js文件，因为这里要对全局变量进行修改来达到修改页面数据的效果，所以也要引入app.js，并把全局变量初始化到data里面，除此之外我们要引入高德的文件来实现高德接口的调用,在data里面我们这里顺便把等会要用到的热门城市等数据一并初始化了

const app=getApp()
const appG=app.globalData
//key里面填高德控制台里面给你的key
const myAmapFun = new amapFile.AMapWX({key:'xxxxxxxxxx'});
  data: {
city:appG.city,
hotcity:[
  {'cityName':'北京市',longitude:'116.395645038',latitude:'39.9299857781'},
  {'cityName':'上海市',longitude:'121.487899486',latitude:'31.24916171'},
  {'cityName':'广州市',longitude:'113.307649675',latitude:'23.1200491021'},
  {'cityName':'深圳市',longitude:'114.025973657',latitude:'22.5460535462'},
  {'cityName':'武汉市',longitude:'114.316200103',latitude:'30.5810841269'},
],
tips: {},//搜索自动匹配的内容
longitude:'116.4',//经度（初始值在北京）
latitude:'39.9'//纬度（初始值在北京）
}

然后我们给定位按钮设置点击事件getCity，这里用到高德地图里面的获取地址描述数据方法，教程可以参考刚刚高德控制台微信SDK里面的教程（下面搜索自动匹配提示的教程也一样）

此外我们我们还要在小程序后台给高德的接口添加域名，操作步骤为
登录微信公众平台，“设置“–>"开发设置"设置request合法域名，将https://restapi.amap.com 中添加进去，这样我们才能请求到高德的数据

代码

getCity(){
  myAmapFun.getRegeo({
    success: data=>{
      // that.setData({
      //   city:data[0].desc.slice(0,2)
      // })
      appG.city=data[0].desc
      wx.getLocation({
        success:res=>{
this.setData({
   latitude:res.latitude,
   longitude:res.longitude
})
wx.setStorageSync('city', appG.city)
wx.setStorageSync('latitude', res.latitude)
wx.setStorageSync('longitude', res.longitude)
        }
      })
    },
    fail: function(info){
      //失败回调
      console.log(info)
    }
  })
},

getRegeo方法的成功回调函数里的参数包含了定位后的位置信息(可以自己输出一下），我们把它赋值给全局变量，然后再用setData再次把全局变量appG.city赋值给data里面的city（因为appG.city已经改变了，要重新赋值页面才会更新），除此之外我们还要把获取到的位置信息同步缓存起来，下次进入页面的时候在onLoad里面先判断有没有缓存的数据，如果有就直接使用缓存的数据，没有就用默认值，代码如下

 onLoad: function (options) {
    // 进页面先看有无缓存数据，如果没有再读默认值,onLoad里面可以取到this.data
    const latitude=wx.getStorageSync('latitude')
    const longitude=wx.getStorageSync('longitude')
    const city=wx.getStorageSync('city')
    //用了三目运算符，不习惯也可以使用if
    latitude&&longitude&&city?
    this.setData({
      latitude:latitude,
      longitude:longitude
    }):false
  },