引言
一、L7的诞生与背景
二、L7的核心特性与优势
数据驱动的可视化展示 L7采用数据驱动的方式,实现了灵活的数据映射。它能够支持多种地图可视化类型,如气泡图、散点图、符号地图等,帮助用户更好地洞察数据背后的规律和趋势。 2D、3D一体化的高性能渲染 L7具备海量空间数据的实时、可交互、动态渲染能力。无论是2D还是3D场景,L7都能以极高的性能呈现细腻、流畅的可视化效果。这使得用户能够在沉浸式的3D环境中探索数据,获得更加直观、深入的洞察。 简单灵活的数据接入 L7支持多种数据格式的接入,包括CSV、JSON、GeoJSON等。用户可以根据自己的需求自定义数据格式,无需进行复杂的空间数据转换。这一特性极大地降低了数据处理的门槛,使得更多用户能够轻松上手L7。 多地图底图支持与离线内网部署 L7提供了多种地图底图的选择,包括高德地图的国内合法合规地理底图和Mapbox的国际化业务底图。用户可以根据自己的需求选择合适的底图,并屏蔽不同底图之间的差异。此外,L7还支持离线内网部署,为用户的数据安全提供了有力保障。
三、L7支持的图表类型与应用场景
点图层:包括气泡图、散点图、符号地图等,适用于展示地理位置分布、人口密度等信息。 线图层:包括路径地图、弧线(2D、3D、大圆航线)等,适用于展示交通流线、航线轨迹等信息。 面图层:包括填充图、3D填充图等,适用于展示区域划分、行政区划等信息。 热力图:包括经典热力图、蜂窝热力图、网格热力图等,适用于展示区域热度分布、用户行为模式等信息。 栅格地图:包括图片、Raster等,适用于展示遥感影像、卫星云图等信息。
四、如何使用
安装
npm install @antv/l7
初始化地图
import { Scene } from '@antv/l7';
import { Mapbox } from '@antv/l7-maps';
const scene = new Scene({
id: 'map',
map: new Mapbox({
style: 'light',
pitch: 0,
center: [107.054293, 35.246265],
zoom: 4.056,
}),
});
添加图层
import { PointLayer } from '@antv/l7';
const pointLayer = new PointLayer()
.source(data)
.shape('circle')
.size('mag', [1, 25])
.color('mag', ['#5B8FF9', '#5CCEA1'])
.style({
opacity: 0.3,
strokeWidth: 1,
});
scene.addLayer(pointLayer);
五、结语
https://gitee.com/antv/L7
在线体验:
官方教程:
官方文档:
IT技术交流群:
软件接单交流群:
体验二维码工具: