cesium自定义弹框

Cesium是一个强大的JavaScript库，用于创建交互式三维地球视图。在Cesium中，自定义弹框通常涉及到使用HTML和CSS来设计用户界面，并结合Cesium的事件系统来触发弹出窗口。你可以通过以下步骤来创建一个自定义的Cesium弹框：

1. **创建UI元素**：首先，在HTML中创建一个元素，例如`<div>`，作为弹框的内容容器。

<div id="custom-modal" style="display:none;"></div>

2. **添加到场景**：将这个元素添加到Cesium的场景中，以便它跟随地图视野移动。

const customModal = viewer.scene.primitives.add(new Cesium Primitive({
    geometry: new Cesium.Geometry({
        attributes: {
            positions: Cesium.Cartesian3.fromDegreesArray([-75.59777, 40.03883]),
        },
        heightFunction: function (position) { return 1; }, // 这里只是一个占位示例，你需要根据实际需求设置高度
        material : new Cesium.ColorMaterialProperty({color : Cesium.Color.WHITE}),
        polygonHierarchy: Cesium.Cartesian3.fromDegreesArrayHeights([-75.6, 40.0, -75.5, 40.0, -75.5, 40.1, -75.6, 40.1], [100, 100, 100, 100])
    }),
    show: false,
    scaleByDistance: new Cesium.NearFarScalar(1e3, 1, 1e5, 0.5),
}));

3. **显示/隐藏**：当需要时，你可以通过改变`show`属性来控制弹框的显示和隐藏。可以绑定Cesium事件，如鼠标点击或键盘操作。

viewer.scene.globe.depthTestAgainstTerrain = false;
viewer.scene.inputSources鼠标点击事件处理器 = function() {
    customModal.show = !customModal.show;
};

4. **样式定制**：为了适应你的设计，你可以调整CSS样式，包括位置、大小、背景色等。