cesium：error：An error occurred while rendering. Rendering has stopped.

最新推荐文章于 2024-06-05 14:29:38 发布

webGIS中的小笨猪

最新推荐文章于 2024-06-05 14:29:38 发布

阅读量5.4k

点赞数

分类专栏： CESIUM 文章标签：前端 javascript css node.js github

本文链接：https://blog.csdn.net/qq_44701021/article/details/128689714

版权

CESIUM 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

问题情景：配置环境node.js+npm+cesium时，出现如下问题:

根据教程和搜索都没有看到相关解答，检查控制台error

翻译发现时数据读取有问题

根据官网文档测试，浏览器端没有问题，html前端架构也没问题，最终锁定在脚本引入，即script和css文件，css主样式，布局没乱，

比对官方文档发现是文档路径有问题

不能从根目录开始，只能从Build开始，否则就会读取失败。

最终

<!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>Document</title>
<script src="../Build/CesiumUnminified/Cesium.js"></script>
<!-- <link href="../cesium/Build/CesiumUnminified/Widgets/widgets.css" rel="stylesheet"> -->
<style>
    @import url(../Build/CesiumUnminified/Widgets/widgets.css);
    #firstCesiumContainer
    {
width:600px;
height:400px;
overflow: hidden;
    }
</style>
</head>
<body>
    <div id="firstCesiumContainer"></div>
    <script>
        var viewer=new Cesium.Viewer('firstCesiumContainer');
    </script>
</body>
</html>