我无法想象Cesium JS 的地球部分

问题描述 投票:0回答:1

我是一名初学者,试图学习 Cesium JS 进行 Web GIS 项目。我在笔记本电脑中下载并安装了 Cesium 1.119 库。现在我无法在屏幕上看到基本的地球部分。我已在此处附上代码和当前结果的图像。有人可以帮我吗?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <script src="http://localhost:8085/3d/libs/Cesium-1.119/Build/Cesium/Cesium.js"></script>
    <script src="http://localhost:8085/3d/libs/Cesium-1.119/Apps/Sandcastle/Sandcastle-header.js"></script>

</head>

<style>
    @import url(http://localhost:8085/3d/libs/Cesium-1.119/Apps/Sandcastle/CesiumSandcastle.css);

    @import url(http://localhost:8085/3d/libs/Cesium-1.119/Apps/Sandcastle/templates/bucket.css);
</style>

<body>
    <div id="cesiumContainer" class="fullSize"></div>
    <div id="loadingOverlay">
        <h1>Loading...</h1>
    </div>
    <div id="toolbar"></div>
    <script type="text/javascript">
        var viewer = new Cesium.Viewer("cesiumContainer",{
                  Geocoder: false,
                  Animation: true,
                  CreditsDisplay: false,
                  Timeline: false,
                  FullscreenButton: false
                });
    </script>
    
</body>
</html>
javascript mapping gis cesiumjs
1个回答
0
投票

我不确定你为什么会遇到这个问题,你可以采用官方文档示例并在你的代码中实现它们,它应该可以工作。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>


  <script src="https://cesium.com/downloads/cesiumjs/releases/1.119/Build/Cesium/Cesium.js"></script>
  <link href="https://cesium.com/downloads/cesiumjs/releases/1.119/Build/Cesium/Widgets/widgets.css" rel="stylesheet">


</head>

<style>

</style>

<body>
  <div id="cesiumContainer" class="fullSize"></div>
  <div id="loadingOverlay">
    <h1>Loading...</h1>
  </div>
  <div id="toolbar"></div>

</body>

</html>

JS Fiddle 演示

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.