WebGIS 三维之参考超图实现的天际线分析

所谓天际线,指天空与观察点周围的表面以及要素相分离的界线。天际线分析功能可根据观察点,生成当前场景窗口中建筑物顶端边缘与天空的分离线。借助分离线可以直观发现不和谐的建筑体。

可实际应用于城市规划设计中的建筑物限高分析、分析建筑物对天际线的影响等。

这个功能我之前用Cesium的边缘检测来实现,但是后来项目组提出效果有点简陋,必须对天际线段进行量化显示,还给我看了超图Cesium发行版的实现案例。

超图实例中,不仅可以在场景内显示天际线,还可以额外显示一个天际线的二维线段图表。

image-20241125223040238

截图自超图官方示例

想要绘制天际线图表,那么必须获取天际线的坐标,继续沿用边缘检测是不行的,需要换个新思路。在超图案例里,天际线分析属于其发行版的特色功能,被直接集成到框架内,无法正常查看源码从而了解具体的实现过程。

在这里,我记录一个获取天际线坐标的思路——借用深度图来实现,即获取当前相机的深度图,然后由上到下,由左及右遍历,忽略天空部分,仅保留深度图(n列 * m行)每一列中第一个非天空区域部分的值,得到的部分就是天际线。

depths.png

深度图,黑色部分为天空,灰色部分为地表,包含地形和模型

然后对于场景内绘制的天际线,可以沿用之前的边缘检测,或者可以直接将深度图里的天际线坐标转为世界坐标,然后逐一连成线段。相比于前者,后者其实还能延伸拓展更多的交互,比如高亮建筑物与天空的交点或者实现图表和场景联动等。

下图为具体实现效果:

image-20241125225823761

场景内天际线

skyline

天际线折线图

  1. https://help.supermap.com/iDesktop/zh/tutorial/SceneOperation/RealspaceSpatialAnalyst/Skyline ↩︎ ↩︎

  2. http://support.supermap.com.cn:8090/webgl/examples/webgl/editor.html#skyline ↩︎

posted on   ShihanW  阅读(18)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 推荐几款开源且免费的 .NET MAUI 组件库
· 实操Deepseek接入个人知识库
· 易语言 —— 开山篇
· Trae初体验
点击右上角即可分享
微信分享提示