我是一名初学者,试图学习 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>
我不确定你为什么会遇到这个问题,你可以采用官方文档示例并在你的代码中实现它们,它应该可以工作。
<!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>