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

1 小程序自己已经提供了

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

效果图
小程序和腾讯地图联合使用_第1张图片

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");
        }
      })
    })
       }

你可能感兴趣的:(小程序和腾讯地图联合使用)