Skip to main content

README

#Load 3D model

To support loading 3D models in the Suzhou 2000 coordinate system, you need to convert the model center point coordinates into SDK coordinates and set the coordinate system parameters project:'SZ2000'.

show
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>SZ2000</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>

      // Suzhou 2000 rpm SDK coordinates
      let center = mapmost.Convert.fromDefinedProj([342171.097900000400841, 665836.627800000831485]);

      // Map initialization
      let map = new mapmost.Map({
        container: 'map', // map container id
        style: '<your style url>', // sz2000 style file
        center: center, //Coordinates of the initial center point of the map
        zoom: 13, // Initial zoom level of the map
        pitch: 60, // Map initial pitch angle
        bearing: 0, // initial azimuth of the map
        userId:'***', // Authorization code
      });

      map.on('load', function () {

        let center = mapmost.Convert.fromDefinedProj([339369.1795162731, 666472.346498875]);
        let options = {
            id: 'model_id',
            type: 'model',
            project:'SZ2000',
            models: [{
                type: 'glb',
                url: './SM_DFZM_test.glb',//Suzhou 2000 3D model
            }],
            center: center,
        };
        map.addLayer(options);
      })
    </script>
  </body>
</html>