熊猫学猿--微信小程序调用腾讯地图API

最新推荐文章于 2024-07-11 14:21:02 发布

熊猫学猿

最新推荐文章于 2024-07-11 14:21:02 发布

阅读量600

点赞数

分类专栏：熊猫学猿 javascript

本文链接：https://blog.csdn.net/liuhongwei_study/article/details/88940880

版权

熊猫学猿同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

javascript

2 篇文章 0 订阅

订阅专栏

1、到腾讯https://lbs.qq.com/，注册获取key值

2、在小程序开发设置--服务器域名设置request合法域名，添加 https://apis.map.qq.com

3、实现脚本，通过wx.getLocation获取坐标位置，利用腾讯地图的逆解析获取地址名称

// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
var qqmapsdk;
Page({

  onLoad: function () {
    // 实例化API核心类
    qqmapsdk = new QQMapWX({
      key: '4BFBZ-JPWE4-OJDU7-XWEJ7-QWEDV-HSRES'
    });
  },
  onShow: function () {
    // 调用接口
    wx.getLocation({
      type: 'wgs84',
      success: function (res) {
        console.log(res);
        qqmapsdk.reverseGeocoder({
             location: {
               latitude: res.latitude,
               longitude: res.longitude
             },
             success: function (result) {
               console.log(result);
               console.log(result.result.address);
              
             }
           })

      }
    })
 
  }
  })