![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
高德组件
文章平均质量分 75
_院长大人_
这个作者很懒,什么都没留下…
展开
-
vue2实现高德地图 JSAPI 2.0海量点标记(标注和标注图层)->自定义点位->定时刷新点位
1. 需要修改`securityJsCode`和`key`为自己的2. `allowCollision`为标注是否避让marker,默认为false不避让3. `markers`为地图上的标记数组4. `layer`为一个标注层,可以理解为一个图层5. 流程其实就是将`markers`装载到`layer`再将`layer`装载到map就可以实现了原创 2023-05-11 17:53:09 · 3135 阅读 · 4 评论 -
vue2实现高德地图 JSAPI 2.0轨迹回放组件(MoveAnimation)
将lineArr路径变量通过父组件传过来,而不是在子组件写死考虑到性能问题(因为在父组件的时候就需要查询出所有设备的lineArr,但如果用户只查看一个就会有性能损耗),所以我没有直接将lineArr直接通过父组件直接传到子组件,我是通过父组件将传到子组件,然后子组件通过调用后端接口可以查询的对应设备的lineArr读者可以直接将lineArr传过来也没问题同时通过父组件来操作控制面板在展示同时我还对组件新增了日期选择功能,可以查询到某个设备某天的路径轨迹。原创 2023-05-04 11:57:32 · 2389 阅读 · 2 评论 -
vue2实现高德地图 JSAPI 2.0可拖拽的路线规划(DragRoute)组件实现对每个经过点设置不同的经过点名称
主要的思路是将route中的marker都重新修改content后再重新加载就可以实现了。此处我将DragRoute的初始化单独抽取成了一个方法,以上步骤完成后就集成了DragRoute组件。然后我们在每次初始化时都调用此方法就解决了。引入DragRoute组件。此时其实已经完成了目的功能。原创 2023-03-17 17:01:00 · 2784 阅读 · 4 评论