Cesium零基础速成教程:一小时入门Cesium

一小时速成Cesium,掌握以下7个功能:

  • 地图、图层、3D瓦片加载

  • Cesium空间数据Entity

  • Cesium动态数据

  • 地图事件(点击、移动)

  • 相机

  • 三维模型

  • 粒子效果

Cesium教程配套笔记

部分内容

1、Cesium介绍

Cesium是使⽤JavaScript开发的基于WebGL的,实现三维地球和地图可视化的JS库。

Cesium⽀持海量的三维模型数据,影像数据,地形⾼程数据,⽮量数据等丰富的地理数据的加载。在交通,规划,城市管理,地形仿真等领域有⾮常⼴泛的应⽤。Cesium为三维的GIS提供了⼀个⾼效的数据可视化平台。

中文文档:

Index - Cesium Documentation

官⽹:

Cesium: The Platform for 3D Geospatial

案例:

Cesium Sandcastle

2. Cesium的特点

1、跨平台,跨浏览器,⽆插件

2、强⼤的地理数据可视化能⼒。Cesium⾃定义的3D Tiles数据格式,⽀持海量数据渲染

3、丰富可⽤的⼯具。Cesium⽀持三类地图模式,三维,⼆维,哥伦布视图(2.5D)。Cesium图层选择器定义了丰富的地图和地形图层,⽀持地址搜索和信息属性框等交互功能,⽀持全屏模型和⽹ 络虚拟现实(WebVR)。

vue+vite+ceisum

1、pnpm创建项⽬

pnpm create vite 项目名

2、选择框架

3、进⼊项⽬安装依赖

cd 项⽬名pnpm install

4、安装cesium依赖​​​​​​​

pnpm i cesium@1.99 vite-plugin-cesium

5、修改vite.config.js⽂件

6、在app.vue中引⼊Cesium并打印

7、运⾏项⽬

复制代码
npm run dev
相关推荐
fake_ss1981 天前
AI时代学习全栈项目开发的新范式
java·人工智能·学习·架构·个人开发·学习方法
Upsy-Daisy1 天前
AI Agent 项目学习笔记(二):Spring AI 与 ChatClient 主链路解析
人工智能·笔记·学习
C+++Python1 天前
C++ 进阶学习完整指南
java·c++·学习
sulikey1 天前
个人Linux操作系统学习笔记2 - gcc与库的理解
linux·笔记·学习·操作系统·gcc·
南浦别a1 天前
第102天--时隔多日的书写
学习·程序人生
Jackyzhe1 天前
从零学习Kafka:消费者组重平衡
分布式·学习·kafka
吃好睡好便好1 天前
在Creo中如何把新建零件文件时的默认模板设置为公制单位
学习·3d·信息可视化
优橙教育1 天前
5G网络优化关键参数解读:从入门到实战
网络·学习·5g
WG_171 天前
虚拟机共享文件挂载
学习
菜鸡儿齐1 天前
编程范式学习笔记
笔记·学习