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

川长思鸟来 2022-12-30 08:11 212阅读 0赞

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

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

使用页面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,
            });
        },