zoukankan      html  css  js  c++  java
  • 小程序地图导航功能实现(勾起使用外部高德或者腾讯地图)

    原理就是:使用sdk 解析地址成经纬,再唤起小程序地图解析,然后通过这个选择使用外部的地图软件。

    首先使用:先去下载腾讯地图sdk,将其引用。

    第一步:

    var QQMapWX = require('../../map/qqmap-wx-jssdk.min.js');
    const wxMap = new QQMapWX({
    key: '*********' // 必填
    });
     
     
    第二步:解析地址
     
    //解析地址为经纬
    detaiAddress: function (e) {
    var that = this;
    wxMap.geocoder({
    //获取表单传入地址
    address: '广州大舜丽池国际酒店', //地址参数,例:固定地址,address: '北京市海淀区彩和坊路海淀西大街74号'
    success: function (res) { //成功后的回调
    console.log(res);
    var res = res.result;
    var latitude = res.location.lat;
    var longitude = res.location.lng;
    that.data.returnDetail = res.title;
    that.lunchMap(latitude, longitude); //唤起地图
    },
    fail: function (error) {
    console.error(error);
    },
    complete: function (res) {
    console.log(res);
    }
    })
    },
     
    第三步,唤起小程序内置地图
    //唤起地图
    lunchMap: function (latitude, longitude) {
    var that = this;
    wx.openLocation({
    latitude: latitude, // 纬度,浮点数,范围为90 ~ -90

    longitude: longitude, // 经度,浮点数,范围为180 ~ -180。

    name: '大舜丽池国际酒店', // 地图上显示的位置名

    address: '', // 地址详情说明

    scale: 1, // 地图缩放级别,整形值,范围从1~28。默认为最大

    infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转

    });

    },
    最后:
     
  • 相关阅读:
    [BUUCTF 2018]Online Tool
    [ZJCTF 2019]NiZhuanSiWei 1
    [极客大挑战 2019]PHP
    [De1CTF 2019]SSRF Me
    2018网鼎杯 Fakebook
    [CISCN2019 华北赛区 Day2 Web1]Hack World
    SUCTF checkin
    强网杯 高明的黑客
    GYCTF Ezsqli
    GYCTF 盲注【regexp注入+时间盲注】
  • 原文地址:https://www.cnblogs.com/wxhhts/p/10886450.html
Copyright © 2011-2022 走看看