关于微信小程序连接腾讯地图的介绍

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于微信小程序连接腾讯地图的介绍相关的知识,希望对你有一定的参考价值。

关于微信小程序连接腾讯地图的介绍

直接上代码

var global = getApp();
var o = global.globalData.siteInfo.siteUrl;
var i = require("../../common/common.js");
var QQMapWX = require(‘../../utils/qqmap-wx-jssdk.min‘);
var qqmapsdk;
  onLoad: function (k) 

    // 实例化API核心类
    qqmapsdk = new QQMapWX(
      key: ‘P7DBZ-V7MC4-OQBUH-X36F6-35YKH-BLBUQ‘
    );
  ,onShow: function () 
    // 调用接口
    var that = this;
    wx.getLocation(
      type: ‘gcj02‘,
      altitude: ‘true‘,
      success: function (res) 
        console.log(res)
        //2、根据坐标获取当前位置名称,显示在顶部:腾讯地图逆地址解析
        qqmapsdk.reverseGeocoder(
          location: 
            latitude: res.latitude,
            longitude: res.longitude
          , //坐标
          get_poi: 0, //是否获取坐标对应附近列表
          poi_options: ‘policy=2;radius=3000;page_size=10;page_index=1‘, //poi 参数
          success: function (res) 
            var address = res.result.address_component;
            console.log(res.result.address_component, "???????????")
            that.setData(
              province:address.province,
              city:address.city,
            );
            if(that.data.province != null && that.data.city != null) 
              wx.request(
                url: o + "API/IndexMini/get_local",
                data: 
                  applet_id: global.globalData.uniacid,
                  city: address.city[0] + address.city[1]
                ,
                success: function (e) 
                  console.log(e.data.data, "11111111111");
                  that.setData(
                    
                      your_city: e.data.data
                    
                  )
                

              )
            

          
        )
      
    );
   ,

最后千万不要忘记了在微信的管理工具中添加上腾讯地图的接口地址

https://apis.map.qq.com

以上是关于关于微信小程序连接腾讯地图的介绍的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序 地图 组件

微信小程序内怎么导入地图,距离测算

微信小程序 通过经纬度获取省市区 (腾讯云)

微信小程序--百度地图坐标转换成腾讯地图坐标

微信小程序如何设置地图导航

微信小程序中导航功能如何跳转到高德地图手机app