微信小程序 - 调用腾讯地图插件

时间:2023-03-09 22:46:11
微信小程序 - 调用腾讯地图插件

微信小程序 - 调用腾讯地图插件

1. 登录公众号平台

https://mp.weixin.qq.com/

2. 设置->第三方服务->添加插件->输入插件名称->申请

微信小程序 - 调用腾讯地图插件

3. 项目中使用

3.1 app.json配置

  微信小程序 - 调用腾讯地图插件

3.2 项目中配置wxml,json,js

wxml

 <map-route route-info="{{routeInfo}}"></map-route>

json

 {
"usingComponents": {
"map-route": "plugin://myPlugin/mapRoute"
}
}

js

 Page({
data: {
routeInfo: {
startLat: 0.0, //起点经度 选填
startLng: 0.0, //起点纬度 选填
startName: "未获取到起点", // 起点名称 选填
endLat: 0.0, // 终点经度必传
endLng: 0.0, //终点纬度 必传
endName: "未获取到终点", //终点名称 必传
mode: "car" //算路方式 选填
}
},
onLoad: function (options) {
let _page = this; console.log(options) _page.setData({
19 routeInfo: {
20 startLat: parseFloat(options.latStart), //起点经度 选填
21 startLng: parseFloat(options.lngStart), //起点纬度 选填
22 startName: options.get_address, // 起点名称 选填
23 endLat: parseFloat(options.latEnd), // 终点经度必传
24 endLng: parseFloat(options.lngEnd), //终点纬度 必传
25 endName: options.give_address, //终点名称 必传
26 mode: "car" //算路方式 选填
27 }
})
},
onShow: function () {
let plugin = requirePlugin("myPlugin");
}
})

关于插件使用说明,请看官方文档:https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx5bc2ac602a747594&token=363067683&lang=zh_CN