跳到主要内容
版本:9.14.1-beta

阴影分析

支持矢量拉伸体、三维精模和倾斜数据的阴影效果可视化。

show
   <!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%;
}
</style>
<script src="https://delivery.mapmost.com/cdn/sdk/webgl/v9.14.1-beta/mapmost-webgl-min.js"></script>
</head>
<body>
<div id="map"></div>
<script>
var map = new mapmost.Map({
container: 'map',
style: "<your style url>",
center: [120.7497180851966,31.30737065488684],
zoom: 18,
userId: '***', // 授权码
});

let shadowAnalysis;
map.on('load', function () {

// 初始化阴影分析实例
shadowAnalysis = new mapmost.ShadowAnalysis(map);
let sunPosition = map.getSunPosition({
date: new Date('2026-03-30 12:00:00'),
location: [120.67727020663829, 31.31997024841401],
});

// 开始分析
if (shadowAnalysis) {
if (sunPosition) {
shadowAnalysis.analyse({
sunPosition: sunPosition, // 太阳位置
shadowIntensity: 0.5, // 阴影强度
});
} else {
shadowAnalysis.clear(); // 清除阴影分析效果
}
}
})

// 销毁阴影分析实例
function destroy() {
shadowAnalysis.destroy()
}

</script>
</body>
</html>