需求概述 根据导出的GPX文件,在地图上绘制其路径轨迹。 GPX: the GPS Exchange Format
GPX (GPS交换格式)是一种轻量级XML数据格式,用于在互联网上的应用程序和Web服务之间交换GPS数据(路径、路由和跟踪)。 预研思路是否能够直接读取GPX文件(数据)—— 否。 如何读取XML文件(数据)—— 也不太方便,需要借助第三方库。 搜索过程受到启发,小程序多使用JSON格式数据,何不直接操作JSON —— Bingo! 解决方案GPX转JSON 在线XML转JSON - BeJSON 为了方便后续绑定使用,转换后批量将“lat”替换为“latitude”、“lon”替换为“longitude”。 GPX(XML) JSON 获取JSON文件将转换后的JSON文件部署到本地服务器,先进行本地测试。 通过wx.request获取数据:微信小程序通过api接口将json数据展现到小程序示例
使用本地链接进行测试会报错,需要将项目设置里勾选上“不校验...”:【微信小程序】 微信小程序连接本地接口 本地测试没问题后,将文件部署到外网环境,改下url就可以了。 绘制路径由于数据格式已经与小程序要求的一致了,直接将其赋给对应的Key即可。
需要注意的是,在wx.request回调里直接使用this.setData会报错:微信小程序中this指向作用域问题this.setData is not a function报错。 真机运行 至此,已基本满足预研需求,后续开发具体功能时会方便不少啦 ~ O(∩_∩)O ~ 如果能够显示卫星地图就完美了,不过还没找到好的解决方案,留作另一个问题吧,TX不开放也没办法了。 |
【小程序】地图|绘制GPX轨迹
发布:2018-05-08 14:26浏览: 次来源:网络 作者:cola
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
相关文章
- 微信小程序app.json文件常用配置说明2021-07-09
- 微信小程序文字控制单行超过显示省略号2021-07-09
- 微信小程序参数传递的几种方法2021-07-09
- 微信小程序使用button按钮分享2021-07-09
- 微信小程序的setData2021-07-09
- 小程序分享,获取openid2021-07-08
- 微信小程序-实现tab2021-07-08
- 微信开发者工具新建和导入小程序2021-07-08
- 微信小程序实现点击拍照长按录像功能2021-07-08
- 微信小程序必知知识2021-07-08