cesium开发中3dtieset模型如何调节高度

在Cesium.js中，3D Tiles Set是一种用于高效地渲染大量地理数据的数据结构。若你想调节3D模型的高度，你可以通过调整每个层级(LOD, Level of Detail)的细节级别、最大高度（maxHeight）以及高度比例（heightScale）来实现。

1. **设置最小细节级别**: 对于较大的距离，Cesium会加载更简化的模型来提高性能。通过`LOD`属性，你可以指定模型在特定视距下切换到更精细或更粗糙的版本。

2. **最大高度**: 有些3D模型可能会有自定义的最大显示高度。可以在`Cesium3DTile瓦片`的`modelMatrix`或`scale`中设置`maxHeight`，限制模型在达到这个高度后不再向上延伸。

3. **高度比例**: 使用`heightScale`可以动态缩放模型的高度，使其看起来更符合地球的比例。在某些场景下，这有助于保持地面纹理和建筑物的比例。

在具体的代码中，例如：

const tileset = new Cesium.Cesium3DTileSet({
   url : 'your-tiles-url',
   hierarchy : {
       levelZeroMinimumModelHeight : 0,
       maximumLevelOfDetail : 14,
       heightScale : new Cesium.Cartesian3(1, 1, 0.5), // 地面朝下的比例
   }
});

相关问题

cesium中控制tileset闸门模型高度变化

要在Cesium中控制`tileset`闸门模型高度变化，可以使用以下代码：

const viewer = new Cesium.Viewer('cesiumContainer');

// 加载tileset
const tileset = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
  url: 'path/to/tileset.json'
}));

// 获取tileset中的模型实体
let gate;

tileset.readyPromise.then(() => {
  // 在tileset加载完成后，查找名为“Gate”的模型实体
  gate = tileset.getTileByName('Gate').content;

  // 将模型的初始高度设置为0
  gate.boundingVolume.height = 0;
});

// 创建一个滑动条控件，用于控制闸门高度
const slider = document.getElementById('slider');
slider.oninput = function() {
  // 更新闸门高度
  const gateHeight = parseFloat(slider.value);

  // 更新模型实体的高度
  gate.boundingVolume.height = gateHeight;

  // 刷新场景
  viewer.scene.requestRender();
}

在上面的代码中，我们首先创建了一个 Cesium 的 Viewer 对象，并加载了一个3D tileset。在tileset加载完成后，我们通过`tileset.getTileByName`方法查找名为“Gate”的模型实体，并将其初始高度设置为0。接着，我们创建了一个滑动条控件，用于控制闸门高度。当滑动条的值发生变化时，我们会更新模型实体的高度，并调用`viewer.scene.requestRender()`方法刷新场景，以显示更新后的闸门高度。

需要注意的是，上述代码中的`slider`元素需要在 HTML 中定义好。例如，可以在 HTML 中添加以下代码：

<input type="range" min="0" max="1000" value="0" class="slider" id="slider">

其中，`min`和`max`属性分别表示滑动条的最小值和最大值，`value`属性表示滑动条的初始值。

Cesium中获取坐标和模型相交的高度

要在Cesium中获取坐标和模型相交的高度，可以使用Cesium的Scene.pick方法。该方法接受一个屏幕坐标作为参数，返回该屏幕位置对应的场景元素。

具体来说，可以使用以下代码获取坐标和地形相交的高度：

var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
handler.setInputAction(function(event) {
    var cartesian = viewer.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid);
    if (Cesium.defined(cartesian)) {
        var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
        var longitude = Cesium.Math.toDegrees(cartographic.longitude);
        var latitude = Cesium.Math.toDegrees(cartographic.latitude);
        var height = cartographic.height;
        var pickedObject = viewer.scene.pick(event.position);
        if (Cesium.defined(pickedObject)) {
            var intersection = viewer.scene.globe.pick(ray.origin, ray.direction);
            if (Cesium.defined(intersection)) {
                height = Math.max(height, intersection.height);
            }
        }
        console.log(longitude, latitude, height);
    }
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

其中，`event.position`代表鼠标点击的屏幕坐标。`viewer.camera.pickEllipsoid`方法将屏幕坐标转换为地球上的三维坐标。`Cesium.Cartographic.fromCartesian`方法将三维坐标转换为地理坐标和高程。`viewer.scene.pick`方法获取鼠标点击的场景元素，例如模型、点、线、面等。如果鼠标点击的是地形，则使用`viewer.scene.globe.pick`方法获取坐标和地形相交的高度，并取最大值作为最终的高度值。

需要注意的是，如果场景中有多个模型或者地形，可能会返回错误的高度值。因此，建议在场景中只添加一个地形。