1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序 - 调用腾讯地图插件

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

时间:2019-07-18 02:37:44

相关推荐

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

1. 登录公众号平台

https://mp./

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

3. 项目中使用

3.1 app.json配置

3.2 项目中配置wxml,json,js

wxml

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

json

1 {2 "usingComponents": {3"map-route": "plugin://myPlugin/mapRoute"4 }5 }

js

1 Page({ 2 data: { 3routeInfo: { 4 startLat: 0.0, //起点经度 选填 5 startLng: 0.0, //起点纬度 选填 6 startName: "未获取到起点", // 起点名称 选填 7 endLat: 0.0, // 终点经度必传 8 endLng: 0.0, //终点纬度 必传 9 endName: "未获取到终点", //终点名称 必传10 mode: "car" //算路方式 选填11}12 },13 onLoad: function (options) {14let _page = this;15 16console.log(options)17 18_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 }28})29 },30 onShow: function () {31let plugin = requirePlugin("myPlugin");32 }33 })

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。