原文链接及内容

效果如下视频所示:

示例代码如下:

SceneMode类各个属性的含义

MapMode2D类各个属性的含义

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const viewer = new Cesium.Viewer("cesiumContainer", {
geocoder: false,
homeButton: false,
navigationHelpButton: false,
navigationInstructionsInitiallyVisible: false,
animation: false,
timeline: false,
fullscreenButton: false,
skyBox: false,
baseLayerPicker: false,
// 这里去除无用组件,右上角仅留下sceneModePicker组件
sceneModePicker: true,
sceneMode: Cesium.SceneMode.SCENE2D,
mapMode2D: Cesium.MapMode2D.ROTATE,
});
viewer.cesiumWidget.creditContainer.style.display = "none";

viewer.scene.camera.setView({
destination: Cesium.Cartesian3.fromDegrees(-73.0, 42.0, 50000000.0),
orientation: {
heading: Cesium.Math.toRadians(-45.0),
},
});