首页 / 浏览问题 / 三维GIS / 问题详情
官网11.1.0的webgl的示例代码加载后只有300*150的小角,不能全屏
2EXP 2023年08月29日

使用产品:SuperMap iClient3D 11i(2023) for WebGL 11.1.0 操作系统:win10 x64 数据:官网CBD三维数据 问题描述,使用官网培训给的示例代码运行后成果再浏览器只有一个300*150的结果,是示例代码问题还是? 代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>helloWorld</title>
    <link rel="stylesheet" href="../webgl/css/pretty.css">
    <script type="text/javascript" src="../webgl/js/jquery.min.js"></script>
    <script type="text/javascript" src="../../Build/SuperMap3D/SuperMap3D.js"></script>
</head>
<body>
    <div id="Container"></div>

    <script type="text/javascript"> 
       
        function onload(SuperMap3D) {
            var viewer = new SuperMap3D.Viewer('Container');
            var scene = viewer.scene;
            var url_Scene="http://localhost:8090/iserver/services/3D-CBD/rest/realspace";
            var promise = scene.open(url_Scene);
        } 
        onload(SuperMap3D);
    </script>
</body>
</html>

helloWorld成果:

1个回答

您好,您这个截图看起来应该是缺少了样式样式文件widgets.css的引用。

您可以参考下我这里的

<!DOCTYPE html>
<html lang="en">
<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>测试</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 type="text/javascript" src="../../Build/SuperMap3D/SuperMap3D.js"></script>
</head>
<body>
    <div id="Container"></div>

    <script type="text/javascript"> 
       
        function onload(SuperMap3D) {
            var viewer = new SuperMap3D.Viewer('Container');
            var scene = viewer.scene;
            var url_Scene="http://www.supermapol.com/realspace/services/3D-CBD-2/rest/realspace";
            var promise = scene.open(url_Scene);
        } 
        onload(SuperMap3D);
    </script>
</body>
</html>

希望可以帮助到您。

10,538EXP 2023年08月29日
好的,已解决,多谢
...