首页 / 浏览问题 / WebGIS / 问题详情
DeveloperError:文档中不存在该标识的元素
39EXP 2023年06月15日

界面设计中有对应的元素,调用var viewer = new Cesium.Viewer('cesiumContainer')时报错:DeveloperError : Element with id "cesiumContainer" does not exist in the document,文档中不存在具有该标识的"cesiumContainer"元素,是请问是什么原因?

1个回答

您好,看一下viewer指定容纳viewer部件的HTML元素的文档对象模型(DOM)或ID是否正确,参考一下开发指南:

http://support.supermap.com.cn:8090/webgl/web/introduction/3DforWebGL.html

1,865EXP 2023年06月15日
你好,DOM元素的ID与viewer指向的元素ID是一致的,相关CSS 和 JS 文件也已经引入进来了,还是同样的问题,怎么解决?
运行以下示例看看,

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>测试</title>

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

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

    <style type="text/css">

        html,

        #cesiumContainer {

            width: 100%;

            height: 100%;

            margin: 0;

            padding: 0;

            overflow: hidden;

        }

    </style>

</head>

<body>

    <div id =" 3dDiv" style="width:100%;height:100%">

        <div id="cesiumContainer" ></div>

    </div>

    </div>

</body>

<script>

    function onload(Cesium) {

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

        viewer.imageryLayers.addImageryProvider(new Cesium.TiandituImageryProvider({

            credit : new Cesium.Credit('天地图全球影像服务     数据来源:国家地理信息公共服务平台 & 四川省测绘地理信息局'),

            token: '97d2d09de3e54939dd20123859260bf9'

        }));

        var imageryLayers = viewer.imageryLayers;

        //初始化天地图全球中文注记服务,并添加至影像图层

        var labelImagery = new Cesium.TiandituImageryProvider({

            mapStyle : Cesium.TiandituMapsStyle.CIA_C, //天地图全球中文注记服务(经纬度投影)

            token: '97d2d09de3e54939dd20123859260bf9'

        });

        imageryLayers.addImageryProvider(labelImagery);

    }

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

        window.startupCalled = true;

        onload(Cesium);

    }

</script>
...