zoukankan      html  css  js  c++  java
  • 小程序和腾讯地图联合使用

    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");
            }
          })
        })
           }
  • 相关阅读:
    迪杰斯特拉(Dijkstra)算法描述及理解
    KMP初步
    网络流初步
    Cutting Codeforces Round #493 (Div. 2)
    优先队列小结
    树状数组初步理解
    分块思想
    树状数组-逆序对-HDU6318
    线段树
    8.12.5
  • 原文地址:https://www.cnblogs.com/10manongit/p/12819452.html
Copyright © 2011-2022 走看看