MapMode2D 是 CesiumJS 的一个枚举类型,代表地图的 2D/3D 模式。在 2D 模式下,计算机屏幕上的二维坐标与 3D 地球上的点之间存在一一对应关系。而在 3D 模式下,计算机屏幕上的二维坐标与地球上的点之间则存在复杂的映射关系。
MapMode2D 有以下枚举值:
2D:2D 模式,地图呈平面显示,第三维度不显示。COLUMBUS_VIEW:3D 模式,地球仪以平面视角观察,地球仍然呈现为球形,但是没有透视效果。SCENE2D:2D 模式,地球仪以正交投影呈现为平面视角,地球的第三维度也不显示。SCENE3D:3D 模式,地球呈现为实际的球形,有透视效果。你可以通过以下方法来设置地图的模式:
// 设置为 2D 模式
viewer.scene.mode = Cesium.MapMode2D.SCENE2D;
// 设置为 3D 模式
viewer.scene.mode = Cesium.MapMode2D.SCENE3D;
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Cesium Demo</title>
    <script src="https://unpkg.com/cesium/Build/Cesium/Cesium.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/cesium/Build/Cesium/Widgets/widgets.css">
    <style>
        html, body, #cesiumContainer {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
    </style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
    var viewer = new Cesium.Viewer('cesiumContainer');
    // 设置为 2D 模式
    viewer.scene.mode = Cesium.MapMode2D.SCENE2D;
</script>
</body>
</html>
运行该示例,即可在浏览器中看到地图以 2D 模式呈现。你也可以尝试将 viewer.scene.mode 的值改为其他枚举值,观察地图模式的变化。