小程序地图map组件,授权位置、逆地址解析、划线、发布

腾讯地图api：https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview

首先

app.json要配置使用地图的权限

"permission": {
   
   "scope.userLocation": {
   
     "desc": "您的位置信息将用于搜索银行信息,以帮助您填写正确的支行信息"
   }
 },

授权地理位置信息

ps: 用户拒绝以后重新引导用户授权直到同意不然无法使用

以下我是放在一个公共js文件引入使用的

//官方下载jssdk并引入
const QQMapWX = require('../../../libs/qqmap-wx-jssdk.js') 
var qqmapsdk;
//获取地理位置信息
function getLocation(pageThis, callBack) {
   
  var _this = pageThis
  wx.getLocation({
   
    type: 'gcj02',
    success(res) {
   
      // 调用sdk接口
      qqmapsdk.reverseGeocoder({
   
        location: {
   
          latitude: res.latitude,
          longitude: res.longitude
        },
        success: function (res) {
   
          let o = res.result
          let object = {
   
            lat: o.location.lat,
            lng: o.location.lng,
            address: o.address,
            city: o.address_component.city
          }
          callBack(res)
        }
      })
    },
    fail(res) {
   
      // 引导授权
      wx.getSetting({
   
        success: (res) => {
   
          let status = res.authSetting
          if(!status['scope.userLocation']) {
   
            wx.showModal({
   
              title: '是否授权当前位置',
              content:'需要获取您的地理位置，请确认授权，否则滴入功能将无法使用',
              showCancel: