Vue高德地图Loca 2.0飞线功能初体验

liyoro

于 2021-09-15 08:48:39 发布

阅读量3.8k

点赞数 2

分类专栏： Vue web前端文章标签： vue PulseLinkLayer 高德地图 local 2.0

本文链接：https://blog.csdn.net/liyoro/article/details/120301061

版权

博客作者尝试使用高德地图Loca2.0 API中的PulseLinkLayer来实现飞线效果，但发现文档上的功能实际未实现。作者通过代码展示了如何设置飞线样式，并表达了对高德地图可视化效果的期待。目前，高德地图的飞线功能相比百度存在差距，且缺乏一些高级特效和阴影支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

高德地图原来是没有飞线功能的，很多可视化效果和百度相比确实差很多。

在 Loca 2.0 API 里看到了一个PulseLinkLayer的图层

连接飞线图层，可以支持弧度，宽度，过渡色等能力。并且还支持脉冲动画，可以表达数据的朝向。

按文档使用了下，发现没效果。发工单问了下，回答说文档有，但是功能是没有的，一周后会实现并上线使用例子？？？？？？？

官方例子：北京人口流出弧线

代码实现

具体是在 [高德开放平台GeoHUB初用（Vue使用高德地图Loca 2.0）](https://liyoro.com/2020/06/24/高德开放平台GeoHUB初用（Vue使用高德地图Loca 2.0）/) 的基础上，用GeoHUB绘制线，然后导出一份 huadu_line.geojson的文件。

主要代码如下，具体看 代码

initPulseLink() {
  const linkLayer = new Loca.PulseLinkLayer({
    loca: this.loca,
    zooms: [2, 22],
    zIndex: 115,
    vis

最低0.47元/天解锁文章