给大家分享一下最近在B站上看到的一个非常NB的3D低代码编辑器,这个编辑器不仅可以实现灵活化的自定义3D交互逻辑还支持加载非常真实的3D体积云和谷歌地图功能
界面
项目的初始界面就是这个样子,默认的地图坐标系应该是美国的纽约市
地标切换
长按鼠标左键拖到就可以切换镜头内容了,还可以通过切换固定的坐标位置定位到指定的城市
项目提供了,纽约,东京,澳门,伦敦,巴黎,柏林,洛杉矶这几个城市的地图坐标
添加模型资源
最让我震惊的是在谷歌地图和3D体积云下还可以支持正常的3D模型属性加载和编辑等功能
因为有 webgis 开发经验的 都知道 在webgis模式下的坐标系是和 webGL模式下的坐标系完全不一样的
场景画布类型切换
一个编辑界面中可以自由切换 webGL和webGIS这两种模式,并且这两种画布的资源都支持数据保存
低代码能力
这个项目不仅提供了非常多的3D资源属性编辑能力,还支持自定义鼠标事件和后端webSocket推送数据操作场景内容,作者个人觉得要实现这些功能还是有一定难度的
总结
说实话第一次看到能在浏览器实现这种渲染效果非常真实且流畅的3D体积云和3D地图建筑时,个人还是非常惊讶的这也算是属于AI时代下前端方面比较前沿和硬核的技术栈了
分享
唯一不足的是这个项目并没有完全开源,项目的作者好像是发布了一个删减版功能的代码
如果大家对3D低代码和体积云地理瓦片地图这种视觉效果非常nice的项目有兴趣的话,还是非常推荐去体验一下的
注意:谷歌的3D瓦片地图需要科学上网才能正常访问
在线地址:threeflowx.cn/edit/
开源版仓库:github.com/zhangbo126/…