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

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

GPX: the GPS Exchange Format

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

在线XML转JSON - BeJSON

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

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

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

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

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

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

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

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

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

直接标记出来即可，具体方法是：

1、以华为p10手机为例，先打开手机界面，然后点击手机界面中的“微信”图标。

2、在打开的界面中的，然后点击御谈“发现”选项，然后点击“小程序”选项。

3、在打开的界面中，点击右上角的搜索按钮。

4、在打开的界面中，输入“小慧足迹”，然后点击下方的“小慧足迹”选项。

5、然后点击下方的“小慧足迹”选项。

6、在出现的界面中，点击“标记足迹”选项。

7、然后先设置一个起点。

8、再设置一个终点。

9、最后点击“生成地图”按钮。

10、最后在出现的界面中，点击“允许”按钮。

11、此时生成了自己的足迹，然后点击“晒出我的足迹”按钮。

12、然后可搜察以将自己的足迹晒到自己的微信朋友圈中世拆茄。

可以通过微信小程序进行制作。步骤如下：

1、搜索并打开微信小程序“地图标记制作”；

2、点击地图右侧的加号按钮，就可以进入选择地点的页面，可以拖动地图选择位置，也可以点击上世禅面的搜索框选择位置；

3、选中地点之后，可裤碰以自定义标记的名称、标签、颜色等信搜纯尘息。

---