基于 L7 的 GeoJSON 可视化编辑工具来了

3,380 阅读3分钟

简介

GeoJSON 是一种非常流行的地理空间数据格式,用于存储和交换地理信息,并且可以与许多不同的 GIS 工具和 Web 应用程序集成使用。

L7Editor 是由 AntV 团队基于 L7 生态推出的在线地理数据可视化工具,支持将各类数据转换成 GeoJSON 格式后,在地图上进行可视化展示,同时还提供方便快捷的方式新增、修改、删除这些元素。

L7Editor 地址:l7editor.antv.antgroup.com/

快速上手

当用户有一份 GeoJSON 数据需要在 L7Editor 上展示时,仅需要将数据直接输入至右侧的 JSON 编辑器中,点击保存按钮 或通过快捷键触发保存,L7Editor 则会将输入数据渲染至地图上。

工具能力

GeoJSON 编辑器

L7Editor 页面右侧默认展示了一个 JSON 代码编辑器,作为主要输入和编辑数据的主要入口,编辑器基于 Monaco 封装二次封装,因此支持和 VSCode 一样的编辑器操作,例如代码折叠、搜过、格式化等等。

地图绘制

L7Editor 支持在地图上绘制点、线、面、矩形和圆形,并且支持对已有 GeoJSON 数据进行二次编辑(必须为非 Multi 类型),绘制结果会实时同步到右侧的 JSON 编辑器中。

字段表格

当用户导入一组携带业务信息的 GeoJSON 数据后,除了关注数据在地图上的位置信息外,还可能会对各条数据的业务属性有数据洞察诉求。因此 L7Editor 提供的字段表格会对当前数据的所有业务字段收集之后进行展示,除了表格基础的筛选、排序操作外,还支持对字段值进行修改并同步至 GeoJSON 中。

字段气泡

除了上述从表格查看数据字段以外,L7Editor 还支持从地图可视化元素作为入口查看对应数据的各项字段。同时可以通过设置修改气泡的触发方式。

地图字段筛选

当用户导入数据量过大导致可视化效果不佳,或是想精确找出业务目标元素在地图上的位置时,L7Editor 提供了字段筛选控件,支持对数值和字符串类型的数据进行简易筛选,筛选结果仅作用在地图上,并不会影响编辑器和表格中的数据。

导入/导出

为了方便用户高效导入地理数据,L7Editor 支持从 本地 或 在线链接 的方式导入 GeoJSON、WKT、KML 格式的地理数据,将其转换成标准的 GeoJSON 格式后供用户进行操作,同样支持将数据以上述格式导出。

辅助能力

地点模糊搜索,确认目标地点后会在地图中标记目标地点,用户可将其作为 Point 类型的 Feature 元素添加至数据中。

支持修改实时更改图层颜色切换高德地图底图样式,并支持叠加高德官方卫星、路网等图层。

答疑

欢迎各位用户在使用 L7Editor 的过程中有任何问题或者需求建议,可以加入 L7 官方答疑群进行反馈。

订阅

这个月刊每月月初发布,同步更新在微信公众号。微信搜索“AntV 数据可视化”或者扫描二维码,即可订阅。