Antv L7地图可视化

此为系列博客

  • Tomcat本地服务器搭建+本地项目
  • Antv L7地图可视化 (当前位置)
  • Antv + Tomcat L7地图 本地资源可视化

Antv是一款阿里开发的可视化框架,实例数据如https://antv-l7.gitee.io/zh/examples/point/bubble所示。由于官方教程需要配置npm的环境来import相应的包,本人对这个不太熟悉…因此就探索出了更加简单的方式。

参照例子仍是官方教程,不过代码有所修改。原文地址为https://l7.antv.vision/zh/docs/tutorial/map/amap,使用的是高德底图,demo代码如下:
Antv L7地图可视化_第1张图片

画框的地方只要修改成https://gw.alipayobjects.com/os/antv/pkg/_antv.l7-2.0.0-beta.19/dist/l7.js就可以完美显示出来了。如下图所示。
Antv L7地图可视化_第2张图片

如果发现自己的地图跟我的不一样不用紧张,试试调整鼠标滑轮抬高视角,就能看到这些图像了。

完整代码已经上传到了百度网盘,有需要的话可以进行下载。
链接:https://pan.baidu.com/s/1IRjNY61T9IQ2olKgRZqG1g
提取码:q3hl

你可能感兴趣的:(小工具,javascript)