腾讯位置服务路线规划小程序-蒲公英云

腾讯位置服务路线规划小程序

小程序使用腾讯位置服务路线规划
资料文档

https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a&token=1249697329&lang=zh_CN

1、登录腾讯位置服务。地址下：

https://lbs.qq.com/dev/console/key/add

申请key

2、登录微信小程序后台

设置-第三方服务-插件管理” 里点击 “添加插件”，搜索 “腾讯位置服务路线规划” 申请，审核通过后，小程序开发者可在小程序内使用该插件

以上步骤参考文档

https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx50b5593e81dd937a&token=1249697329&lang=zh\_CN

示例代码： app.json文件添加代码

"plugins": { 
        "routePlan": { 
            "version": "1.0.11",
            "provider": "wx50b5593e81dd937a"
        }
    }

使用页面map.wxml

<view class="store-location" bindtap="tomap">到这里去</view>

使用页面map.js

tomap(e) { 
        if (!this.data.orderInfo.shop) return;
        let shop = this.data.orderInfo.shop;
        let plugin = requirePlugin("routePlan");
        let key = "腾讯key"; //使用在腾讯位置服务申请的key
        let referer = "小程序名"; //调用插件的app的名称
        let endPoint = JSON.stringify({ 
            //终点
            name: shop.shop_address, //地址名
            latitude: shop.latitude, //地址latitude
            longitude: shop.longitude,//地址longitude
        });
        wx.navigateTo({ 
            url: "plugin://routePlan/index?key=" +
                key +
                "&referer=" +
                referer +
                "&endPoint=" +
                endPoint,
        });
    },