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

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

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

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

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

截图自超图官方示例

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

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

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

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

下图为具体实现效果：

场景内天际线

天际线折线图

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

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

来源链接：https://www.cnblogs.com/wsh233/p/18690905