cesium-d3kit/examples/image.html

34 lines
1.1 KiB
HTML
Raw Permalink Normal View History

2021-12-30 16:02:03 +08:00
<!--
* @Descripttion:
* @version: 1.0.0
* @Author: zhangti
* @Date: 2020-03-05 03:58:30
* @LastEditors: zhangti
* @LastEditTime: 2020-05-11 11:04:07
-->
<div id="viewer-container"></div>
<script>
this._viewer = new Cesium.Viewer("viewer-container");
this._viewer.scene.globe.enableLighting = true;
this._d3kit = new Cesium.D3Kit(this._viewer)
let layer = this._viewer.imageryLayers.addImageryProvider(new Cesium.SingleTileImageryProvider({
url: 'data/images/tile/world_b.jpg'
}));
layer.name = '科技', layer.id = 'layer1', layer.show = false;
let layer2 = this._viewer.imageryLayers.addImageryProvider(new Cesium.SingleTileImageryProvider({
url: 'data/images/tile/world_d.jpg'
}));
layer2.name = '云图', layer2.id = 'layer2', layer2.show = false;
let layer3 = this._viewer.imageryLayers.addImageryProvider(new Cesium.SingleTileImageryProvider({
url: 'data/images/tile/world_n.jpg'
}));
layer3.name = '夜晚', layer3.id = 'layer3', layer3.show = true,
layer3.dayAlpha = 0.0, layer3.nightAlpha = 1.0, layer3.brightness = 3.5;
this._d3kit.showLayerSwitchPanel([layer, layer2, layer3])
</script>