在主要cesium容器上添加迷你cesium容器

Question

是否可以在主要cesium容器的顶部添加一个迷你cesium容器，如下所示。

两个容器都应该呈现不同的信息。如何在铯中实现这一目标？

Answer 1

是的，这是可能的，但要注意它是一个完全独立的Cesium实例。这意味着它需要自己的纹理内存，GL上下文等。点击＆＃34;运行代码片段＆＃34;在这个例子的底部。

＆＃13;

＆＃13;

var mainViewer = new Cesium.Viewer('mainCesiumContainer', {
    navigationHelpButton: false, animation: false, timeline: false
});

var insetViewer = new Cesium.Viewer('insetCesiumContainer', {
    navigationHelpButton: false, animation: false, timeline: false,
    geocoder: false, baseLayerPicker: false, sceneModePicker: false
});

// Make the inset window display in 2D, to show it's different.
insetViewer.scene.morphTo2D(0);

＆＃13;

html, body, #mainCesiumContainer {
    width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;
    font-family: sans-serif;
}
#insetCesiumContainer {
    position: absolute;
    bottom: 1%;
    right: 2%;
    width: 40%;
    height: 60%;
    border: 1px solid #fff;
    box-shadow: 0 0 4px #fff;
}

＆＃13;

<link href="http://cesiumjs.org/releases/1.16/Build/Cesium/Widgets/widgets.css" 
      rel="stylesheet"/>
<script src="http://cesiumjs.org/releases/1.16/Build/Cesium/Cesium.js">
</script>
<div id="mainCesiumContainer"></div>
<div id="insetCesiumContainer"></div>

＆＃13;

＆＃13;

＆＃13;