Cesium基础教程篇一

Cesium进阶学习

已于 2024-07-26 16:43:18 修改

阅读量368

点赞数 3

文章标签： javascript

于 2024-07-25 15:05:15 首次发布

本文链接：https://blog.csdn.net/weixin_43700915/article/details/140680660

版权

Cesium基础教程篇一

文章目录

Cesium基础教程篇一
前言
一、Cesium引擎下载
二、初始化地球
- 1.引入（从源码包中的build获取）
- 2.加载效果
总结

前言

Cesium官网：官网链接
Cesium 是一个开源的、高性能的 3D 地球和地图可视化平台，它允许开发者创建基于 Web 的、交互式的地理空间应用程序。Cesium 的核心是一个 WebGL 驱动的引擎，它能够渲染大规模的地理数据集，支持高精度的地球模型和动态数据可视化。

一、Cesium引擎下载

工程化项目可以通过npm的方式引入Cesium

npm install cesium

或者在官网下载打包好的js文件在项目中引用；还可以自己编译源码，文章提供cesium1.117的源码

二、初始化地球

1.引入（从源码包中的build获取）

代码如下（示例）：

	<script src="Cesium/Build/Cesium.js"></script>
  	<link rel="stylesheet" href="Cesium/Build/Widgets/widgets.css">

在这里插入图片描述

2.加载效果

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>创建地球</title>
   <script src="Cesium/Build/Cesium.js"></script>
   <link rel="stylesheet" href="Cesium/Build/Widgets/widgets.css">
    <style>
        html,
        body,
        #map3d {
            height: 100%;
            width: 100%;
            padding: 0px;
            margin: 0px;
        }
    </style>
</head>
<body>
    <div id="map3d"></div>
</body>
<script>
    let viewer = new Cesium.Viewer("map3d") ;
</script>
</html>