• 腾讯位置服务地图选点，（相当于API文档页面）
  https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx76a9a06e5b4e693e
  他的调用过程是，先打开一个page页面选择位置，然后回到之前的页面，触发 onShow ，在 onShow 中获取刚刚选择的位置信息

• 接入指引
  https://lbs.qq.com/miniProgram/plugin/pluginGuide/locationPicker

• 腾讯位置服务——key
  https://lbs.qq.com/dev/console/application/mine

微信截图_20220329153213.png

如上图，要勾选两处

• 需要在小程序后台，添加上插件

设置 > 第三方设置 > 插件管理

微信截图_20220329154125.png

• 需要将插件配置到小程序中

{
  "permission": {
    "scope.userLocation": {
      "desc": "你的位置信息将用于小程序定位"
    }
  },
  "plugins": {
    "chooseLocation": {
      "version": "1.0.9",
      "provider": "wx76a9a06e5b4e693e"
    }
  }
}

调用片段记录如下：

//这句提到最外层
const wxMiniPluginChooseLocation = requirePlugin('chooseLocation');

onUnload(){
  // 页面卸载时设置插件选点数据为null，防止再次进入页面，geLocation返回的是上次选点结果
  wxMiniPluginChooseLocation.setLocation(null);
},
onShow(){
  if (this.flagNavToPluginMap) {
    this.flagNavToPluginMap = false;
    const location = wxMiniPluginChooseLocation.getLocation();
    console.log("location: ", location)
    if (location) {
      this.addInfo.province = location.province
      this.addInfo.city = location.city
      this.addInfo.area = location.district
      //addrDetail,longitude,latitude,
      this.addInfo.addrDetail = location.address
      this.addInfo.longitude = location.longitude
      this.addInfo.latitude = location.latitude
    }
  }
},
methods: {
  //通过小程序插件获取地址信息
  invokeWxMiniPluginGetLocation() {
    const key = wxMiniPluginMapLocationKey
    const referer = currentAppName
    const location = JSON.stringify({
      latitude: 39.89631551,
      longitude: 116.323459711
    });
    const category = '生活服务,娱乐休闲';
    this.flagNavToPluginMap = true;
    wx.navigateTo({
      // url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer 
      // + '&location=' + location + '&category=' + category
      url: 'plugin://chooseLocation/index?key=' + key + '&referer=' + referer
    })
  },
}

End