3DGS瓦片流式渲染
支持瓦片流式渲染模式,无需等待全量瓦片加载即可渲染,页面初始化速度和交互响应度显著提升。同时单屏数据承载量从1500万点提升至4000万高斯点,支持更大量级数据稳定渲染。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>3DGS瓦片流式渲染</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.11.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:'***', // 授权码
});
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, // 开启LOD加载
// 设置渲染方式
// 值为true时需要等待屏幕范围内所有切片数据完成加载后统一渲染
// 值为false时每个切片数据完成加载后即开始渲染
isMerge: false,
});
});
</script>
</body>
</html>