首页 > 微信 > 详细

小程序和腾讯地图联合使用

时间:2020-05-02 22:17:14      阅读:85      评论:0      收藏:0      [点我收藏+]

1 小程序自己已经提供了

wx.getLocation /*获取当前位置的经纬度*/
wx.chooseLocation /*选择周围的地址*/
wx.openLocation  /*打开地图*/

效果图
技术分享图片

2 遇到什么问题,需要解决

现在知道详细的地址,但是不知道经纬度,所以,无法定位,腾讯官方也提供了一些地图的扩展 具体的如何引入component腾讯请看官方文档

实际例子,看代码,

在onShow 生命周期里面使用,我这里只是一个例子,具体在哪里使用,得根据你们自己的业务逻辑啦~~~
具体的git 地址

   import QQMapWX from ‘../../plugins/qqmap-wx-jssdk‘;
   const qqmapsdk = new QQMapWX({ key: ‘申请的key‘});
   onShow:function(){
    qqmapsdk.geocoder({
        address: ‘北京市朝阳区大山子兆维大厦A座‘,
        success: function (res) {
          console.log(res,"------");
          wx.openLocation({
          name: `${res.result.address_components.province}-${res.result.address_components.district}`,
          address: `${res.result.address_components.province}${res.result.address_components.district}${res.result.title}`,
          latitude: res.result.location.lat,
          longitude: res.result.location.lng
      })
        },
        fail: function (res) {
          console.log(res);
        },
        complete: function (res) {
          //console.log(res,"------77777");
        }
      })
    })
       }

小程序和腾讯地图联合使用

原文:https://www.cnblogs.com/10manongit/p/12819452.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!