L7Plot 是基于 L7 的地理空间可视化图表库。

L7 是基于 WebGL 的开源大规模地理空间数据可视分析引擎。L7Plot 基于 Antv L7 的库在这个库的基础上又做了一层封装，这个库在开发地图相关的一些可视化时非常方便。

简介

• 官方网站 (opens new window)
• 文档地址 (opens new window)
• 官方案例 (opens new window)

基本使用

• 创建容器

<div id="container"></div>

• 引入数据
• 配置地图

new Dot("container", {
  map: {
    type: "amap",
    style: "dark",
    center: [103.447303, 31.753574],
    zoom: 7,
    pitch: 0,
  },
});

Map

• 地图的type有两种属性，可以支持高德地图 (opens new window)和Mapbox 地图 (opens new window)
  • amap: 高德地图
  • mapbox: Mapbox 地图
• token: 正式环境应用需要向服务平台申请
• style 地图基本样式(支持自定义)
  • dark: 黑暗
  • light: 明亮
  • normal: 普通
  • blank: 无底图

图表类型

可以根据项目需求使用以下图表

• 散点图 (opens new window)
• 热力图 (opens new window)
• 网格聚合图 (opens new window)
• 蜂窝聚合图 (opens new window)
• 路径图 (opens new window)
• 流向图 (opens new window)
• 区域图 (opens new window)
• 行政区域图 (opens new window)

内置组件

除自定义组件之外，内置了部分应用组件

• 缩放器

zoom: {
  position: 'bottomright',
},

• 比例尺

scale: {
  position: 'topleft',
},