cesium 添加暗色版天地图
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link href="../../Cesium/Widgets/widgets.css" rel="stylesheet">
<script type="text/javascript" src="../../Cesium/Cesium.js"></script>
<title>山东天地图wmts服务</title>
</head>
<body style="margin: 0px;width:100%;height:100%;">
<div id="cesiumContainer" style="width:100%;height:100%;position:absolute;"></div>
</body>
<script>
//created by onegiser at 2021-11-08
const tileMatrixLabels = []
for (let i = 1; i <= 20; ++i) {
tileMatrixLabels.push(i)
}
const viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
url: "http://124.128.48.215:8083/tileservice/dsfg_asdxb",
layer: "BigdataBg",
style: 'default',
format: 'image/jpeg',
tileMatrixSetID: 'BigdataSdmapBlack',
tileMatrixLabels,
tilingScheme: new Cesium.GeographicTilingScheme(),
})
})
viewer.camera.flyTo({
destination: Cesium.Rectangle.fromDegrees(114.229839088925, 33.9389305555556, 123.400530149205, 38.9048194444444),
})
</script>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾（3.3-3.9）
· Vue3状态管理终极指南：Pinia保姆级教程