cesium入门（一）：cesium本地demo

最新推荐文章于 2024-05-11 18:18:35 发布

热爱生命的小

最新推荐文章于 2024-05-11 18:18:35 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： html js

本文链接：https://blog.csdn.net/qq_36635746/article/details/118550750

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文提供了一个简单的HTML代码示例，演示如何直接引用cesium.js和样式文件来创建一个3D地球展示。只需将代码保存为HTML文件并通过web服务器访问，即可在浏览器中看到效果。这个3D地球的实现依赖于Cesium库，通过创建一个Viewer实例完成。

摘要由CSDN通过智能技术生成

官网入门教程：https://cesium.com/learn/cesiumjs-learn/cesiumjs-quickstart/
直接引用官网cesium.js及其样式文件
将下面的代码保存为一个html文件即可看到3D球体。推荐用nginx或其他web服务器发布html访问。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        
        <style type="text/css">
        body,html,.main-part{
            background-color: blue;
            height: 100%;
            width: 100%;
            margin: 0;
            overflow: hidden;
        }
        </style>
        <script src="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Cesium.js"></script>
        <link href="https://cesium.com/downloads/cesiumjs/releases/1.83/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
    </head>
    <body>
        <div class="main-part" id="cesiumContainer"></div>
        <script>
            viewer = new Cesium.Viewer('cesiumContainer');
        </script>

    </body>
</html>

效果图：
在这里插入图片描述

热爱生命的小

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
cesium入门（一）：cesium本地demo

直接引用官网cesium.js及其样式文件将下面的代码保存为一个html文件即可看到3D球体。推荐用nginx或其他web服务器发布html访问。<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style type="text/css">
复制链接

扫一扫

专栏目录