适用场景:

通常情况下,加载S3M数据需要使用超图的SuperMap iClient3D for WebGL库。

但在某些项目中,我们可能已经构建了基于原生Cesium的应用框架,不希望引入过多依赖。这时,实现原生Cesium加载S3M就变得很有价值。

关键代码:

1
2
3
4
5
6
7
8
import "@/components/SuperMap3D/SuperMap3D.js";

//获取viewer对象
const { viewer } = window;

let scenes =
  "https://www.supermapol.com/realspace/services/3D-CBD/rest/realspace";
viewer.scene.open(scenes);

💡 SuperMap3D.js文件中的SUPERMAP_BASE_URL需要配置成上面静态资源的实际请求路径

image-20250612100728963

效果展示

image-20250612104052465

参考文章:

https://mp.weixin.qq.com/s/ZimVYQotuAcfB9tXK3FtNw —— 攻城师不浪