Skip to main content

3DGS tile streaming rendering

Supports tile streaming rendering mode, which can be rendered without waiting for all tiles to be loaded. The page initialization speed and interactive responsiveness are significantly improved. At the same time, the data carrying capacity of a single screen has been increased from 15 million points to 40 million Gauss points, supporting stable rendering of larger amounts of data.

show
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>3DGS tile streaming rendering</title>
    <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.12.0-beta/mapmost-webgl-min.js"></script>
  </head>

  <body>
    <div id="map"></div>
    <script>
      var map = new mapmost.Map({
        style: '<your style url>',
        container: 'map',
        center: [120.78575270115562, 31.41174980621166],
        zoom: 16.9,
        bearing: -9.598,
        pitch: 52.989,
        sky: 'light',
        userId:'***', // Authorization code
      });

      map.on('load', function () {
        map.addLayer({
          id: 'gs-3d-layer',
          type: '3DGS',
          url: 'http://***/models/15-18_level_splat/',
          coord: [121.6857884, 30.6702618],
          isLOD: true, // Enable LOD loading

          //Set rendering mode
          // When the value is true, you need to wait for all slice data within the screen range to complete loading and then render uniformly.
          // When the value is false, rendering starts after each slice data is loaded.
          isMerge: false, 
        });
      });
    </script>
  </body>
</html>