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");
            }
          })
        })
           }
  • 相关阅读:
    JavaWeb核心之Servlet
    Http&Tomcat
    XML&反射
    JDBC连接池和DBUtils
    JDBC
    testng依赖
    java mysql
    eclipse自动补全的设置
    java Logger 的使用与配置
    python数据持久存储:pickle模块的基本使用
  • 原文地址:https://www.cnblogs.com/10manongit/p/12819452.html
Copyright © 2011-2022 走看看