위챗 소프로그램 연결 텐센트 지도에 대한 소개

위챗 소프로그램 연결 텐센트 지도에 대한 소개

직접 코드

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