Cesium案例解析(九)——Rotatable2DMap旋转2D地图

charlee44

发布于 2020-04-24 17:26:47

1.6K00

代码可运行

文章被收录于专栏：代码编写世界代码编写世界

运行总次数：0

代码可运行

Cesium的Rotatable 2D Map示例展示了一个旋转的二维地图：

'use strict';

var viewer = new Cesium.Viewer('cesiumContainer', {
    sceneMode : Cesium.SceneMode.SCENE2D,
    mapMode2D : Cesium.MapMode2D.ROTATE
});

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

其中Viewer的配置项sceneMode可以指定3D、2D以及2.5D效果的地图。配置mapMode2D参数为Cesium.MapMode2D.ROTATE表示地图可以绕Z轴旋转。具体的参数通过camera的配置项heading来设置。

显示的效果如下：