首页 / 浏览问题 / WebGIS / 问题详情
基于webgl开发,在初始加载三维地球时黑屏
2EXP 2025年04月14日

使用产品:iserver ,3Di for Webgl 操作系统:win10 x64
数据类型: oracle 11g x64 或 文件型
问题详细描述:刚开始上手开发,在加载三维地球时,打开后显示黑屏,跟着教学步骤来的,进行了修改。
问题重现步骤: 1.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>getting started</title>
    <link href="./Build/SuperMap3D/Widgets/widgets.css" rel="stylesheet">
    <link href="./css/pretty.css" rel="stylesheet">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/config.js"></script>
    <script type="text/javascript" src="./Build/SuperMap3D/SuperMap3D.js"></script>
</head>
<body>
    <div id="Container"></div>
    <div id='loadingbar' class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
    <script type="text/javascript">
        function onload(SuperMap3D) {
            // 通过config.js中的getEngineType,获取引擎类型(EngineType)用于设置启动方式
            var EngineType = getEngineType();
            var viewer = new SuperMap3D.Viewer('Container', {
                contextOptions: {
                    contextType: Number(EngineType), // Webgl2:2 ; WebGPU:3
                }
            });

            viewer.scenePromise.then(function (scene) {
                init(SuperMap3D, scene, viewer);
            });
        }
    </script>
</body>
</html>

2.打开后显示黑屏,中间一直再加载转圈圈3.按照b站教学视频来的2.2 SuperMap iClient3D for WebGL数据加载_哔哩哔哩_bilibili

1个回答

您打开控制台,看下报错,是不是您的SuperMap3D.js文件和/widgets.css文件位置没有引入正确
1,680EXP 2025年04月14日
...