mirror of
https://github.com/jiawanlong/Cesium-Examples.git
synced 2025-07-04 15:17:36 +00:00
76 lines
2.8 KiB
HTML
76 lines
2.8 KiB
HTML
<!--********************************************************************
|
||
* by jiawanlong
|
||
*********************************************************************-->
|
||
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<link rel="stylesheet" href="./../../libs/cesium/Cesium1.98/Widgets/widgets.css">
|
||
<script type="text/javascript" src="./../../libs/cesium/Cesium1.98/Cesium.js"></script>
|
||
</head>
|
||
|
||
<body style="margin: 0; overflow: hidden; background: #fff; width: 100%; height: 100%; position: absolute; top: 0">
|
||
<div id="map" style="margin: 0 auto; width: 100%; height: 100%"></div>
|
||
<script type="text/javascript">
|
||
|
||
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyMjBhMzcxMC0wNjBiLTRmYjItYjY1MC0wMzAwMzMyMGUyMmEiLCJpZCI6MzAzNzc3LCJpYXQiOjE3NDc2Mzk0NTV9.E_90aKtVdzRGlU2z48VwJ4mWvl-uuDkfQBCOO6zbzn4'
|
||
const viewer = new Cesium.Viewer('map', {});
|
||
|
||
// 加载单张图片
|
||
var imageryProvider = new Cesium.SingleTileImageryProvider({
|
||
"url": "./word.jpg",
|
||
"credit": "测试",
|
||
})
|
||
let lay = viewer.imageryLayers.addImageryProvider(imageryProvider)
|
||
|
||
|
||
// http://cesium.xin/cesium/cn/Documentation1.72/ImageryLayer.html
|
||
lay.alpha = 0.5; // 0.0 全透明. 1.0 不透明.
|
||
lay.brightness = 2.0; // > 1.0 增加亮度 < 1.0减少亮度
|
||
lay.contrast = 2.0; //对比度
|
||
lay.hue = 2.0; //色调
|
||
lay.saturation = 2.0; //饱和度
|
||
|
||
|
||
// http://cesium.xin/cesium/cn/Documentation1.72/ImageryLayerCollection.html?classFilter=ImageryLayerCollection
|
||
|
||
// 图层顺序
|
||
viewer.scene.imageryLayers.lower(lay)
|
||
viewer.scene.imageryLayers.lowerToBottom(lay)
|
||
viewer.scene.imageryLayers.raise(lay)
|
||
viewer.scene.imageryLayers.raiseToTop(lay)
|
||
|
||
// 获取图层
|
||
viewer.scene.imageryLayers.get(0)
|
||
viewer.scene.imageryLayers.indexOf(lay)
|
||
|
||
// 是否包含图层
|
||
viewer.scene.imageryLayers.contains(lay)
|
||
|
||
// 删除图层
|
||
// viewer.scene.imageryLayers.remove (lay,true)
|
||
// viewer.scene.imageryLayers.removeAll ()
|
||
|
||
function getLayerIndexById(layerId) {
|
||
var imageryLayers = viewer.imageryLayers;
|
||
|
||
// 遍历imageryLayers中的图层，查找指定ID的图层
|
||
for (var i = 0; i < imageryLayers.length; i++) {
|
||
var layer = imageryLayers.get(i);
|
||
|
||
// 检查图层的ID是否与指定ID匹配
|
||
if (layer.id === layerId) {
|
||
// 返回图层在imageryLayers中的索引位置
|
||
return i;
|
||
}
|
||
}
|
||
|
||
// 如果没有找到指定ID的图层，则返回-1
|
||
return -1;
|
||
}
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html> |