微信小程序地图聚合以及轨迹回放

公司项目需要实现小程序地图的聚合以及轨迹回放，效果要与PC端一直。其中，轨迹回放还需要包含开始、暂停、结束三个按钮。效果图如下：

1、添加图标

2、聚合，其中，如果发现聚合点不开的情况，可以把grikSize的值设置小一点，默认值为60

3、点击图标，获取addMarker设置的  Id 值

4、定时画线条

同时，画线条之前，还需要清除按钮

根据导出的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不开放也没办法了。

抖音行程轨迹小汽车怎么弄， *** 作方法如下。

设备：小米10青春版

系统：MIUI12.5.1

软件：抖音17.4.0

1、首先在打开的抖音主页面中，点击右上角的搜索按钮。

2、在搜索框中输入足迹地图，点击搜索。

3、点击最上面的足迹的小程序，点击红色框中的进入。

4、最后点击选择位置，点击日期，点击打卡，多打卡几次即可生成足迹地图。

---