【小程序】地图｜绘制GPX轨迹

根据导出的GPX文件，在地图上绘制其路径轨迹。

GPX: the GPS Exchange Format

GPX (GPS交换格式)是一种轻量级XML数据格式，用于在互联网上的应用程序和Web服务之间交换GPS数据(路径、路由和跟踪)。

在线XML转JSON - BeJSON

为了方便后续绑定使用，转换后批量将“lat”替换为“latitude”、“lon”替换为“longitude”。

将转换后的JSON文件部署到本地服务器，先进行本地测试。

通过 wxrequest 获取数据： 微信小程序通过api接口将json数据展现到小程序示例

使用本地链接进行测试会报错，需要将项目设置里勾选上“不校验”： 微信小程序 微信小程序连接本地接口

本地测试没问题后，将文件部署到外网环境，改下url就可以了。

由于数据格式已经与小程序要求的一致了，直接将其赋给对应的Key即可。

需要注意的是，在 wxrequest 回调里直接使用 thissetData 会报错： 微信小程序中this指向作用域问题thissetData is not a function报错 。

至此，已基本满足预研需求，后续开发具体功能时会方便不少啦 ~ O(∩_∩)O ~

如果能够显示 卫星地图 就完美了，不过还没找到好的解决方案，留作另一个问题吧，TX不开放也没办法了。

标记点markers只能在初始化的时候设置，不支持动态更新。

示例：

<!-- mapwxml --> <map longitude="23099994" latitude="113324520" markers="{{markers}}" covers="{{covers}}" style="width: 375px; height: 200px;"></map> // mapjs Page({ data: { markers: [{ latitude: 23099994, longitude: 113324520, name: 'TIT 创意园', desc: '我现在的位置' }], covers: [{ latitude: 23099794, longitude: 113324520, icaonPath: '/images/carpng', rotate: 10 }, { latitude: 23099298, longitude: 113324129, iconPath: '/images/carpng', rotate: 90 }] } })

微信足迹的打开方法是：\r\n\r\n\r\n\r\n\r\n\t1、首先打开手机微信app，然后点击页面上方的搜索图标。\r\n\r\n\r\n\r\n\r\n\t2、接着在输入框内输入足迹地图并点击搜索，找到搜一搜足迹地图，进入后在上方栏小程序内找到你喜欢的足迹地图小程序即可。\r\n\r\n\r\n\r\n\r\n\t3、之后根据小程序的登录提示选择允许后，即可使用足迹地图记录自己去过的地方。\r\n\r\n\r\n\r\n\r\n\t赶快选择一个自己最合适的足迹地图小程序畅游世界吧。\r\n\r\n\r\n\r\n\r\n\t\r\n\r\n

i欢乐谷。欢乐谷游园是一处游玩景点，全国的知名度较高，在地图上可以通过i欢乐谷小程序看到。欢乐谷是中国旅游领军企业华侨城集团成功兴建的新一代主题公园，也是中国第一个自主创新的主题公园连锁品牌。

近期在做一款**服务类项目中用到了腾讯地图提供的小程序解决方案，拿来给大家分享一下！

使用起来非常简单，就是一些功能还有待完善。

官方文档： >

以上就是关于【小程序】地图｜绘制GPX轨迹全部的内容，包括:【小程序】地图｜绘制GPX轨迹、在小程序里面调用微信内置地图、微信足迹怎么弄出来的等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！