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
的值改为其他枚举值,观察地图模式的变化。