首页 / 浏览问题 / 云GIS / 问题详情
webgl三维场景加载错误
8EXP 2023年11月19日

我在iserver里面发布了倾斜模型,现在想在前端调用出来,我参照视频和文档的代码,加载出来全是黑的,上面这幅图是我的html文件和路径。使用的产品是supermap-iserver-11.1.1a-windows-x64。下面的图片是我参照的视频和文档

有会的朋友请帮帮我,很感谢

2 个回答

您好,您在iServer 发布倾斜模型服务后,可以使用SuperMap iClient3D for Cesium 或 SuperMap iClent3D for WebGL 在前端进行调用显示。请参考如下链接

SuperMap iClient3D for Cesium 入门用法 http://support.supermap.com.cn:8090/webgl/Cesium/web/introduction/3DforWebGL.html#Ready 
SuperMap iClient3D for Cesium 加载倾斜模型示例  http://support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/editor.html#S3MTiles_suofeiya (点击页面右下角 “源码”,可查看示例代码)

或 

SuperMap iClient3D for WebGL 入门用法: http://support.supermap.com.cn:8090/webgl/web/introduction/3DforWebGL.html#Ready
SuperMap iClient3D for WebGL 加载倾斜模型示例:http://support.supermap.com.cn:8090/webgl/examples/webgl/editor.html#S3MTiles_suofeiya
 

这里推荐您使用 SuperMap iClient3D for WebGL,

它基于 WebGL 技术实现的三维客户端开发平台,
可用于构建无插件、跨操作系统、 跨浏览器的三维 GIS 应用程序,可访问SuperMap iServer发布的多种服务、 实现了三维场景可视化浏览、交互操作和地理信息管理等功能。
通过本产品可快速实现浏览器和移动端上美观、流畅的地图呈现与空间分析
 

希望能帮到您

360EXP 2023年11月20日

您好,按照您截图所示的操作我已重现您描述的“加载出来全是黑的”。

通过查看是Cesium包引入出现了问题。
您可以修改为如下代码进行尝试:

<!DOCTYPE html>

<html>

<head>

  <meta http-equiv="Content-Type" content="text/html" charset="utf-8">

  <title>打开在线三维场景</title>

  <script src="js/jquery.min.js"></script>

  <link href="css/widgets.css" rel="stylesheet">

  <link href="css/pretty.css" rel="stylesheet">

  <script src="Build/Cesium/Cesium.js"></script>

</head>

<body>

  <div id="cesiumContainer" style="width: 100%; height: 100%;"></div>

  <script type="text/javascript">

    function onload(Cesium) {

      var viewer, url;

      var viewer = new Cesium.Viewer('cesiumContainer');

      var scene = viewer.scene;

      var url = "http://www.supermapol.com/realspace/services/3D-suofeiya_church/rest/realspace";// 修改为您的三维场景URL

      var promise = scene.open(url)

    }

    if (typeof Cesium !== 'undefined') {

      window.startupCalled = true;

      onload(Cesium);

    }

  </script>

</body>

</html>

期待您的反馈

360EXP 2023年12月27日
...