地名标注图层管理器
1.构造方法：
const ciamanager = new MchCesium.CiaManager(viewer);
* 注意： 构造ciamanager时会默认生成一个地图标注图层，id为defaultCia
2.参数说明：
viewer：Cesium创建的view实例。
3.创建图层
ciamanager.createCiaImageryProvider(options)
参数说明：
options(Object): 图层配置项，包括如下属性
url(String): 图层url地址（必填）。
subdomains(Array): 子域。
layer(String): 图层名称（默认为cia）
format(String): 图层类型（默认为tiles）
tileMatrixSetId(String): 用于WMTS请求的TileMatrixSet的标识符
maximumLevel(Number): 最大显示层级（默认为18）。
maximumLevel(Number): 最小显示层级（默认为1）。
4.添加图层 addLayer
ciamanager.addLayer(id)
参数说明：
id{string} 新添加的图层的id
5.删除图层 removeLayer
ciamanager.removeLayer(id)
参数说明：
id{string} 要删除的图层的id
6.显示图层 showLayer
ciamanager.showLayer(id)
参数说明：
id{string} 要显示的图层的id
7.隐藏图层 hideLayer
ciamanager.hideLayer(id)
参数说明：
id{string} 要隐藏的图层的id
8.销毁地名图层管理器 dispose
ciamanager.dispose()
9.代码实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="cesium开发加载地形" />
<meta name="keywords" content="microbee-http,软件开发框架,cesium,地形" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://mhc.ixiera.com/mhc/main.js"></script>
<script src="https://mhc.ixiera.com/mhc/Cesium-1.120/Build/Cesium/Cesium.js"></script>
<script src="https://mhc.ixiera.com/mhc/Cesium3DTile.js"></script>
<title>加载地形-cesium</title>
<style>
body {
position: relative;
}
.btnbar {
position: absolute;
top: 10px;
left: 10px;
}
button {
margin: 10px;
border: solid 1px #ccc;
border-radius: 3px;
padding: 5px 10px;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<div class="btnbar">
<button onclick="hide()">隐藏默认地名图层</button>
<button onclick="show()">显示默认地名图层</button>
</div>
<script>
const view = MchCesium.init('cesiumContainer', true);
// 隐藏自定义地形
function hide() {
MchCesium.ciaManager.hideLayer('defaultCia')
}
// 显示自定义地形
function show() {
MchCesium.ciaManager.showLayer('defaultCia')
}
</script>
</body>
</html>
10.效果展示：
Demo地址：
返回顶部
热线电话
微信
扫一扫