实际业务中常常会有轨迹回放的场景实现,以下是实现轨迹回放以及点位信息展示处理等场景,先上图看是否满足你的需求(满足的话麻烦点赞收藏!轨迹数据随机模拟的 可根据实际场景接口来查)
一,初始化地图
记得先申请你的高德地图的key(申请对应平台的key)
//初始化地图
initAmap() {
this.map = new AMap.Map("container", {
resizeEnable: true,
center: [116.397155, 39.916345],
zoom: 12,
});
AMap.plugin(["AMap.ToolBar", "AMap.Scale"]);
//添加工具条控件,工具条控件集成了缩放、平移、定位等功能按钮在内的组合控件
this.map.addControl(new AMap.ToolBar());
//添加比例尺控件,展示地图在当前层级和纬度下的比例尺
this.map.addControl(new AMap.Scale());
this.manyPersonWays();
},
二,数据模拟(这里可以根据实际场景来获取数据)
我这里的是一秒随机生成一个点位经纬