地表开挖分析
支持矢量和栅格数据的地表开挖,可设置下挖深度和下挖部分贴图。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>地表开挖分析</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"/>
<style>
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
.btn-group {
position: absolute;
top: 20px;
left: 20px;
color: white;
}
</style>
<script src="https://delivery.mapmost.com/cdn/sdk/webgl/v9.4.0/mapmost-webgl-min.js"></script>
</head>
<body>
<div id="map"></div>
<div class="btn-group">
<button onClick="add()">添加地表开挖分析</button>
<button onClick="clear()">清除分析结果</button>
</div>
<script>
let map = new mapmost.Map({
container: "map",
style: "<your style url>",
center: [120.67287475351259, 31.320097198762696],
zoom: 16,
pitch: 62,
userId:"***", // 授权码
});
let excavation;
// 添加开挖分析
function add() {
excavation = new mapmost.ExcavationAnalysis(map);
excavation.analyse({
range: [
[120.67315864678835, 31.317114830759607],
[120.67250888359933, 31.31987574694101],
[120.67458298302142, 31.32163926950146],
[120.6753580544011, 31.32017624607974],
[120.67581891774245, 31.316551049511048],
[120.67315864678835, 31.317114830759607],
], // 设置开挖范围
depth: 40, // 设置开挖深度
sideImg: "./excavationAnalysis/excavate_kuangqu.jpg", // 设置开挖侧面贴图
bottomImg: "./excavationAnalysis/excavate_bottom.jpg", // 设置开挖底部贴图
});
}
// 清除分析结果,保留分析实例,可更新分析结果
function clear() {
excavation.clear();
}
</script>
</body>
</html>