小顺序和腾讯舆图团结运用

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://segmentfault.com/a/1190000013862889
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞