如何快速编辑一份地理数据

我们在进行地理相关业务开发过程中,时常会需要快速查看或编辑地理数据,无论是哪种地理数据类型,一般都是通过经纬度来表达其空间位置的。而在只看经纬度数据的情况下,用户是无法直观感受其具体空间位置的,更谈不上对其能够对其空间位置和形状进行修改编辑。

L7Editor 是一款开源的地理数据可视化查看和编辑工具,支持用户快速导入各种类型的地理数据,工具会自动将其渲染在地图上供用户查看,同时提供了多种对数据的编辑交互方式,满足不同场景下用户查看和编辑的诉求。

快速查看数据

当我们有一份 GeoJSON 数据,并需要查看其空间分布甚至有编辑诉求时,可以将数据内容复制粘贴至 L7Editor 右侧的 GeoJSON 数据编辑器中,点击上方的保存按钮或者使用快捷键(Ctrl/Command + S)触发数据保存并将其渲染在地图上,同时工具会自动将地图平移缩放至地理数据所在位置。

当传入的 GeoJSON 数据包含业务字段时,还可以切换至表格视图查看各个数据项的业务字段生成的二维表。

当用户还可以通过单击可视化元素,即可在弹出的气泡框中查看到对应数据项的业务字段详细信息。

编辑数据

对于地理数据来说最简单、直观地编辑方式即是直接在地图上通过可交互的图层,新增或修改地理数据,可以通过绘制控件或者气泡框中的编辑按钮触发绘制操作。

除此通过地图绘制和 GeoJSON 编辑器之外,用户还可以通过表格视图批量编辑地理数据中的业务字段。

多类型底图支持、自由切换地理坐标系

当地理数据与地图底图对应的地理坐标系不匹配时,可视化效果会出现偏移,此时可以通过两种方式来达成坐标系的匹配操作:

  • 地图底图切换:地图底图支持切换高德地图(GCJ-02)和 Mapbox 地图(WGS84),不同底图在不同区域展示的信息粒度也不一样。
  • 遥感卫星底图:支持在工具中切换至谷歌遥感影像地图,获取关于地形、植被、建筑物和其他地标的信息。
  • 地理坐标系切换:支持设置当前地理数据的坐标系,当地图底图和数据的坐标系不匹配时,工具会自动对数据进行坐标系转换后再将其渲染到地图上。

AI 辅助绘制、遥感地块一键识别

在农业、绿色低碳等行业中时常需要基于遥感卫星影像地图上对地理数据进行生产或验证操作,工具中接入了 SAM(Segment Anything Model)支持对遥感影像地块分割,在工具中可以在开启遥感影像地图的基础上,对当前地图展示区域的遥感图像输入 SAM 中进行分割计算,计算结束后可以通过在影像上点选的方式拾取对应分割的地块,并将对应多边形围栏数据添加至工具中。

开放SDK、一键嵌入

如果在业务中需要接入地理数据编辑的能力,可以通过接入工具对外输出的 SDK,并且通过组件的 props 自定义部分功能。

更多资料

提 Issue 有奖

社区用户可以通过在 L7Editor GitHub 提出对工具一些新功能的想法以及对应交互设计,我们将选取提出质量较高 issue 的 3 名 用户赠送地球花纹雨伞一把,数量有限,先到先得。

相关推荐
喵爱吃鱼几秒前
关于我明明用了ref还是陷入React闭包陷阱
前端·react.js
an317423 分钟前
解决 VSCode 中 ESLint 格式化不生效问题:新手也能看懂的配置指南
前端·javascript·vue.js
汪汪队长2 小时前
谷歌浏览器自定义油猴插件
前端
ZFSS2 小时前
SeeDance Tasks API 的对接和使用
前端·人工智能
睿智的仓鼠2 小时前
🦞OpenClaw 快速部署及使用指南
前端·人工智能
前端付豪2 小时前
Nest 项目小实践之图书增删改查
前端·node.js·nestjs
比特鹰2 小时前
手把手带你用Flutter手搓人生K线
前端·javascript·flutter
奔跑路上的Me2 小时前
前端导出 Word/Excel/PDF 文件
前端·javascript
bluceli2 小时前
JavaScript异步编程深度解析:从回调到Async Await的演进之路
前端·javascript
青青家的小灰灰2 小时前
Vue 3 新标准:<script setup> 核心特性、宏命令与避坑指南
前端·vue.js·面试