2025-03-11 08:25:45 +00:00
|
|
|
|
<!--********************************************************************
|
|
|
|
|
|
* by jiawanlong
|
|
|
|
|
|
*********************************************************************-->
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8" />
|
2025-03-19 03:00:22 +00:00
|
|
|
|
<link rel="stylesheet" href="./../../libs/cesium/Cesium1.98/Widgets/widgets.css">
|
|
|
|
|
|
<script type="text/javascript" src="./../../libs/cesium/Cesium1.98/Cesium.js"></script>
|
2025-03-11 08:25:45 +00:00
|
|
|
|
</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.eyJqdGkiOiI3ZjQ5ZGUzNC1jNWYwLTQ1ZTMtYmNjYS05YTY4ZTVmN2I2MDkiLCJpZCI6MTE3MTM4LCJpYXQiOjE2NzY0NDUyODB9.ZaNSBIfc1sGLhQd_xqhiSsc0yr8oS0wt1hAo9gbke6M'
|
|
|
|
|
|
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>
|
