Cesium局部高程

### 如何在Cesium中加载和显示局部高程数据

#### 设置地形提供者
为了在Cesium中加载并显示特定区域的高程数据，可以配置`viewer.scene.terrainProvider`属性来指定自定义的高程数据源。这通常涉及到创建一个新的`CesiumTerrainProvider`实例，并为其设置URL指向存储有DEM文件的服务地址。

// 加载本地或远程服务器上的高程数据服务作为地形提供商
viewer.scene.terrainProvider = new Cesium.CesiumTerrainProvider({
    url : 'http://127.0.0.1:5100/dem'
});

此代码片段展示了如何通过HTTP请求连接到运行于本机端口5100下的DEM资源[^1]。

#### 应用高度参照模式
当需要确保某些对象紧贴地面时（比如建筑物或其他地理特征），可应用高度参照模式。对于希望跟随地形起伏变化的对象来说，使用`HeightReference.CLAMP_TO_GROUND`是非常有效的做法之一。

entity.polygon.heightReference = Cesium.HeightReference.CLAMP_TO_GROUND;

这段脚本使得多边形实体能够紧密附着于底层地形表面之上[^3]。

#### 实现交互式拾取功能
如果项目中有需求让用户点击场景中的某个位置获取该处的高度信息，则可以通过监听鼠标事件配合`pickPositionSupported`方法实现这一特性。下面的例子说明了怎样检测用户选定点的信息：

var scene = viewer.scene;

function onLeftClick(movement){
    var cartesian = scene.camera.pickEllipsoid(movement.endPosition, scene.globe.ellipsoid);
    
    if(Cesium.defined(cartesian)){
        console.log('Selected position:',cartesian.x,cartesian.y,cartesian.z);

        // 获取所选点对应的世界坐标系下z轴方向的距离值即为海拔高度
        let heightAboveGroundLevel = scene.cartographicToCartesian(
            Cesium.Cartographic.fromCartesian(cartesian),
            undefined,
            new Cesium.Cartesian3()
        ).z;
        
        console.log(`Altitude at selected point is ${heightAboveGroundLevel} meters`);
    }
}

scene.screenSpaceEventHandler.setInputAction(onLeftClick,Cesium.ScreenSpaceEventType.LEFT_CLICK);

上述逻辑实现了左键单击触发查询当前位置海拔的功能，在实际开发过程中可以根据具体业务调整输出方式[^4]。