cesium新建一个干净的地球流程

最新推荐文章于 2025-03-17 12:31:02 发布

kalinux

最新推荐文章于 2025-03-17 12:31:02 发布

阅读量594

点赞数

分类专栏：服务器文章标签： node.js html5 npm

本文链接：https://blog.csdn.net/kalinux/article/details/106105170

版权

服务器专栏收录该内容

5 篇文章

订阅专栏

1，原本直接下载包cesium1.59，但是想要轻巧一点
2，在cesium1.59中复制build和apps中的helloworld.js
3，如果步骤2的helloworld被污染了，请直接修改为：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello World!</title>
<script src="./Build/CesiumUnminified/Cesium.js"></script>
<style>
@import url(./Build/Cesium/Widgets/widgets.css);
html,
body,
#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
</style>
</head>
<body>
<div id="cesiumContainer"></div>
<script>
//默认情况下不显示影响，需要寻找地球影响token;
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJlMTk4ZTYyNy00MjkxLTRmZWYtOTg1MS0wOThjM2YzMzIzYzEiLCJpZCI6NzEyMSwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU0ODMxNzI5OX0.rKV8Ldl_bgR3lVvNsbHhTX62j8JH8ADCIWAwk7tXpr8';
let viewer = new Cesium.Viewer('cesiumContainer');
</script>
</body>
</html>