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

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

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 名 用户赠送地球花纹雨伞一把,数量有限,先到先得。

相关推荐
永乐春秋32 分钟前
WEB攻防-通用漏洞&文件上传&js验证&mime&user.ini&语言特性
前端
鸽鸽程序猿33 分钟前
【前端】CSS
前端·css
ggdpzhk35 分钟前
VUE:基于MVVN的前端js框架
前端·javascript·vue.js
学不会•3 小时前
css数据不固定情况下,循环加不同背景颜色
前端·javascript·html
活宝小娜5 小时前
vue不刷新浏览器更新页面的方法
前端·javascript·vue.js
程序视点5 小时前
【Vue3新工具】Pinia.js:提升开发效率,更轻量、更高效的状态管理方案!
前端·javascript·vue.js·typescript·vue·ecmascript
coldriversnow5 小时前
在Vue中,vue document.onkeydown 无效
前端·javascript·vue.js
我开心就好o5 小时前
uniapp点左上角返回键, 重复来回跳转的问题 解决方案
前端·javascript·uni-app
开心工作室_kaic6 小时前
ssm161基于web的资源共享平台的共享与开发+jsp(论文+源码)_kaic
java·开发语言·前端
刚刚好ā6 小时前
js作用域超全介绍--全局作用域、局部作用、块级作用域
前端·javascript·vue.js·vue