地图空间(gis)编辑器

面向投影地图场景的 GIS 编辑器,符合OpenSpec 规范,让 AI 能快速理解工程结构并辅助个性化二次开发,且同步 skill:tvt-js-plugin-builder

地图空间(gis)编辑器

面向投影地图场景的 GIS 编辑器,符合OpenSpec 规范,让 AI 能快速理解工程结构并辅助个性化二次开发,且同步 skill:tvt-js-plugin-builder

预览截图

插件安装

本插件为TVT.js平台深度定制开发的源码包,如需在其他平台集成使用,建议进行适配性调整以实现最佳兼容效果。

1、点击右侧插件包下载,得到: 'gisPlaneEditor.zip' , 并放在 `icegl-three-vue-tres/pluginMaker/install/`

2、请使用命令终端,自行定位到您电脑的目录

cd /icegl-three-vue-tres/

3、输入命里,安装插件

yarn plugin.marker install gisPlaneEditor

4、启动预览模式即可:

yarn pre.dev

插件介绍

首先当时是在线使用地址:

gisplaneeditor.icegl.cn


地图空间编辑器配套文档:

docs.icegl.cn/docs/three-vue-tres/gis-plane-editor/introduction.html



免费使用、免费预览、免费导入导出配置,以及按照自己得需求设计,引入自己得模型服务,编辑好后,可导出插件源码进行二次开发。此编辑器的本体的源码是收费的,会不断更新,加入更多组件和落地更多场景。

有问题请联系我们,最好反馈到社区:https://www.icegl.cn/ask 我们会第一时间修复

此插件依赖 ViewportGizmo免费插件,提前安装好即可使用

QA:

1、在线使用导出插件包后,安装前也要检查是否存在 ViewportGizmo 插件,没有也请安装

2、1.6.2版本后,全面使用 localforage 替代 localStorage 【配置大小的原因】,所以请通过命令行安装 localforage 库

yarn add localforage


关于模型服务设置:


首先下载模型服务源码:

https://pan.quark.cn/s/eb755abf0f9c

此程序用于发布自己本地或远程模型的服务,是tvt区域编辑器[后续也支持其他编辑器]的配套。
目录参照如下:

models/  放置资源的根目录
      ----0游乐场  => 此为实例分类名,
            ----models   => 分类下的模型存放目录,目前只支持glb格式,后续增加其他格式
            ----previews => 分类下的预览图存放目录,和模型名称一一对应
启动命令:
# 安装依赖
yarn

# 生成配置文件.json
node generateModeServe.js -p ./models

# 发布服务
node generateModeServe.js -serve -p ./models -port 4000

此服务的最新源码都开源了,更新在:

https://gitee.com/ice-gl/tvt-model-manager-serve

使用方法一样,详见项目说明页


支持动态组件服务的接入:

它的核心目标是: 让 自研或第三方组件 可以 脱离 tvt.js 开源基座独立维护, 同时又能被 tvt.js 在线编辑器动态加载,获得完整编辑能力,并支持源码导出与二次开发。

https://dcser.icegl.cn/


地图空间(gis)编辑器功能包含:

1、地图底座:支持影像图层、地形图层、自定义 xyz/tms、瓦片滤镜。


2、模型与组件:支持内置模型、模型服务、高级组件、动态组件服务。

3、GIS 编辑:支持经纬高定位、贴地、飞到坐标、罗盘、对数深度缓冲。

4、业务驱动:支持事件系统、HTTP 数据源、对象绑定、预览态验证。

5、工程交付:支持导入导出配置、历史恢复、导出源码插件包。



1.3.0 最新

本次更新重点提升了编辑历史的可靠性、GIS 场景阴影表现、对象属性控制以及参数精细化编辑能力。

  1. 提升历史记录与配置恢复可靠性
    • 历史快照改为串行写入,避免连续操作、快速撤销或重做时相互覆盖。
    • 撤销、重做、历史跳转及清空操作统一等待当前写入和恢复完成,减少并发冲突。
    • 后发起的场景恢复可以取消尚未完成的旧恢复任务。
    • 配置导入增加结构校验、时间戳修正和异常提示。
    • 配置导入或历史恢复失败时自动回滚,尽量保留操作前的场景状态。
    • 恢复成功后同步持久化当前历史位置,提高重新进入编辑器后的状态一致性。
  2. 新增完整的 GIS 场景阴影设置
    • 新增场景阴影总开关和地图阴影接收开关。
    • 支持基础阴影、PCF 阴影、PCF 柔和阴影和 VSM 阴影四种模式。
    • 支持调整阴影强度、贴图分辨率、柔化半径、阴影偏移和法线偏移。
    • 支持设置最小投影范围、近裁剪面和最小远裁剪面。
    • 阴影投影范围会根据相机高度自动扩大,适配 GIS 大尺度地图场景。
    • 直接使用 three-tile 地图瓦片作为动态阴影接收器,不额外创建固定尺寸的接收平面。
  3. 新增场景物体阴影控制
    • 普通模型和高级组件均可单独设置是否产生阴影。
    • 普通模型和高级组件均可单独设置是否接收阴影。
    • 阴影状态会递归同步到物体内部网格,确保组合模型正确生效。
    • 物体阴影状态已接入历史记录、配置保存和插件导出。
  4. 统一模型和高级组件的旋转角度单位
    • 属性面板、场景配置和历史记录统一使用角度(°)保存。
    • 旋转输入范围统一为 -180° 至 180°,解决原界面显示角度、实际保存弧度的语义不一致问题。
    • 编辑器运行和插件导出时自动完成角度与弧度转换。
    • 旧配置中没有角度单位标识的旋转数据会按弧度识别并自动迁移。
  5. 提升高级组件 Slider 参数调整精度
    • 高级组件 Slider 升级为“滑块粗调 + 数值框精调”的组合方式。
    • 数值框会根据最小值、最大值和步长自动计算输入精度。
    • 支持小数及科学计数法步长,方便精细调整小数参数。
    • 数值框宽度优化为 56px,在有限面板空间内保持紧凑布局。
    • 只有数值实际发生变化后才写入历史记录,减少无效历史快照。
  6. 增强旧配置与导出兼容性
    • 旧版 shadowIntensity 阴影强度配置可自动迁移到新的完整阴影配置。
    • 新增阴影、物体阴影和旋转角度数据均已接入历史快照、配置导入及插件导出。
    • 本次更新未新增材质插件依赖或引用。

1、增加了公交组件 优化适配 gis编辑器

2、优化了动态组件的读取参数

3、适配最新的tvt.js开源基座

1、新建项目 功能

2、增加了 地图图层 geojson 裁切 挖洞的功能

3、增加了 飞到geojson中心点的功能按钮

4、左侧动态组件服务 默认让它进页面就载入https://dcser.icegl.cn服务
5、优化 高级组件物体的 渲染顺序的逻辑

6、新增 :波纹地板 、冰面、橡胶地板、圆板

7、增加预览功能中 物体列表 显影,双击跳转的功能

1、针对 3d-tiles-renderer 增加了 KTX2Loader 压缩材质的库和lod裁切的设置

2、增加了 倾斜摄影组件的 原始定位locateToSourceCoordinate:

3、增加了 倾斜摄影的 KHR_materials_unlit 兼容性

4、增加了 检测到旧版 glTF 1.0 b3dm 数据,当前运行时不支持直接加 提示

5、优化了 is3DTilesetJson 地址的检查

测试用倾斜摄影、3d tiles地址:

https://opensource.cdn.icegl.cn/3Dtiles/合肥_天鹅湖/tileset.json

https://opensource.cdn.icegl.cn/3Dtiles/西安_大雁塔/tileset.json

https://opensource.cdn.icegl.cn/3Dtiles/淮安_文庙/tileset.json

https://opensource.cdn.icegl.cn/3Dtiles/合肥_黄山路_地下管网/tileset.json

https://opensource.cdn.icegl.cn/3Dtiles/合肥_高速桥梁/tileset.json

https://opensource.cdn.icegl.cn/3Dtiles/巢湖_点云桥/tileset.json


6、增加了 geojson 裁切 挖洞的功能

7、优化了 geojson 裁切挖洞的展示效果

8、增加了 geojson 飞到中心点的功能按钮

geojson标准数据直接使用地址:

https://datav.aliyun.com/portal/school/atlas/area_selector

1、高级物体增加 可被选中的设置

2、增加优化了 高斯溅射的高级组件 增加 剔除范围设置

3、增加 卫星云图的高级组件

4、修复 TransformControls 在大尺度下 移动的问题
5、加了 3DTiles组件 移动到对应的坐标 按钮事件

6、增加了 等高线设置与展示

1、优化 高级组件 把物体加入场景后 UI界面报 动画缺失的问题
2、优化飞入飞出的动画 效果 双击陀螺仪的效果
3、默认开启对数缓冲和球形外壳
4、增加了 液态金属 材质
插件上新
版本正持续更新和优化,期待更多功能吧