cesium入门(一)

最新推荐文章于 2024-10-09 22:19:45 发布

夜路人

最新推荐文章于 2024-10-09 22:19:45 发布

阅读量1.2k

点赞数 1

分类专栏： cesium GIS/OpenLayers 文章标签： gis

原文链接：https://blog.csdn.net/ygp12345/article/details/108733951

版权

GIS/OpenLayers 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

cesium

1 篇文章 1 订阅

订阅专栏

本文介绍了如何入门Cesium.js，包括下载cesium、设置node.js服务器、启动Cesium应用，并通过访问HelloWorld示例展示3D地图。Cesium是一个基于JavaScript的3D地图框架，支持多种数据格式和动态数据可视化，适用于2D、2.5D和3D地图展示。

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

cesium入门(一)

1.下载cesium1.85，是一个3D的js前端框架。

2.下载node.js，作为一个web服务器。安装node.js，将路径加入到系统path中，便于在dos黑窗口执行node.js的命令。

3.解压缩cesium，命令窗口下，转到desium目录，npm install安装需要的js环境。好像跟cesium目录下的json文件有关。会自动下载，最后放到cesium目录下的npm_....的目录中。

4.运行node.js，启动服务器。npm start

5.访问测试：http://localhost:8080 即可访问Cesium. 只是看到了一个web页面。

6.访问页面里面的local里面的hello world链接。自动打开如下地址：http://localhost:8080/Apps/HelloWorld.html，可以看到出现了一个三维地图。

参考：

什么是cesium？
Cesium是一款开源的基于JavaScript的3D地图框架。其实他就是一个地图可视化框架

CesiumJS 是一款用于创建虚拟场景的3D地理信息平台。目标是用于创建以基于Web的地图动态数据可视化。目前尽力提升平台的性能、准确率、虚拟化能力、易用性以及平台的各种支持。

数据格式与功能特性
Cesium支持3D Tiles、Terrain and Imagery Layers、3D Models（glTF）、Vectors and Geometry（Load KML, GeoJSON, TopoJSON, and CZML）、Time-Dynamic Visualization、3D, 2D, and 2.5D Columbus View

支持2D,2.5D,3D 形式的地理（地图）数据展示，
可以绘制各种几何图形、高亮区域，支持导入图片，甚至三维模型等多种数据可视化展示
可用于动态数据可视化并提供良好的触摸支持，支持绝大多数的浏览器和移动端浏览器。
支持基于时间轴的动态流式数据展示

cesium环境搭建及第一个示例
Cesium需要浏览器支持WebGL，可以通过CesiumJS官网提供的一个HelloWorld例子来测试自己的浏览器是否支持Cesium。（推荐使用Chrome）测试地址： https://cesiumjs.org/Cesium/Apps/HelloWorld.html

下载最新的cesium源码，然后用vscode打开。

然后安装server端：
Cesium是纯前端的代码，官方给出的源代码中，配套了nodejs的server端，以及可以通过nodejs进行安装部署。实际上可以将Cesium部署进入tomcat（geoserver）、apache、nginx等服务器中。
官网推荐的是nodejs

从官网中下载Node.js(https://nodejs.org/en/), 实际上nodejs有一些参数可是配置，使用默认的参数即可。.
在Cesium所在的文件夹目录，打开cmd或者bash敲入命令

npm install
1
下载依赖的npm模块，比如express等。如果成功，会在Cesium文件夹中床架 ‘node_modules’文件夹。
然后npm start启动服务器

不能关闭控制台，保持一直运行状态。打开浏览器，输入 http://localhost:8080 即可访问Cesium.
————————————————
版权声明：本文为CSDN博主「ygpGoogle」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/ygp12345/article/details/108733951