GPX（XML） 

JSON

获取JSON文件

将转换后的JSON文件部署到本地服务器，先进行本地测试。  通过wx.request获取数据：微信小程序通过api接口将json数据展现到小程序示例

1. wx.request({
2. url: '', // https接口路径
3. header: { // 数据类型等
4. 'Content-Type': 'application/json'
5. },
6.  
7. success: function(res) {
8. //这里就是请求成功后，进行一些函数操作
9. console.log(res.data)
10. }
11. })

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

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

绘制路径

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

1. var trkPoints = res.data.gpx.trk.trkseg.trkpt;
2. _this.setData({
3. polyline: [{
4. points: trkPoints,
5. color: "#FF0000DD",
6. width: 2,
7. }]
8. }, function () {
9. console.log("Success");
10. })

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

真机运行

至此，已基本满足预研需求，后续开发具体功能时会方便不少啦 ~ O(∩_∩)O ~  如果能够显示卫星地图就完美了，不过还没找到好的解决方案，留作另一个问题吧，TX不开放也没办法了。