Skip to main content

Shadow analysis

Supports visualization of shadow effects for vector extruded bodies, 3D precision models, and tilt data.

show
   <!DOCTYPE html>
   <html>
   <head>
       <meta charset="utf-8"/>
       <title>Shadow Analysis</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.16.0/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: '***', // Authorization code
     });

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

        //Initialize shadow analysis instance
        shadowAnalysis = new mapmost.ShadowAnalysis(map);
        let sunPosition = map.getSunPosition({
            date: new Date('2026-03-30 12:00:00'),
            location: [120.67727020663829, 31.31997024841401],
        });

        // Start analysis
        if (shadowAnalysis) {
            if (sunPosition) {
                shadowAnalysis.analyse({
                    sunPosition: sunPosition, // sun position
                    shadowIntensity: 0.5, // shadow intensity
                });
            } else {
                shadowAnalysis.clear(); // Clear shadow analysis effects
            }
        }
    })

    // Destroy the shadow analysis instance
    function destroy() {
        shadowAnalysis.destroy()
    }
    
   </script>
   </body>
   </html>