【小程序】地图｜绘制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不开放也没办法了。

可以。

获取经纬度位置信息功能的方法：

方法一：使用xGeocoding工具，批量获得Google Earth/Google Map/百度/腾讯/高德等地图的经纬度。工具地址：http://www.gpsspg.com/xgeocoding/。

1.打开百度地图“坐标拾取系统”：输入网址”http://api.map.baidu.com/lbsapi/getpoint/index.html“，进入”坐标拾取系统“

2.进入”坐标拾取系统“后，尺弯陵就可以方便的查询自己的精准地理信息了，我们以”海尔工业园“为例，寻找它的详细坐标。在搜索栏输入“海尔工业园”点击搜索，如图，就会在地图上出现相应的标记，点击你要找的某一个，就能看到相应的坐标。

3.把找到闹祥的坐标输入到搜索栏，把后面“坐标反查”给勾上，点击搜索，就会对应的坐标打上标陵戚记，同时会有相应地址在最右边

4.把鼠标在地图上滑行，你可以看到，鼠标滑到每一个地方，都会显示对应的坐标。

方法二：使用Python程序，直接嵌入即可。

---