当前位置:   article > 正文

cesium入门(一)_cesium是前端吗

cesium是前端吗

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/寸_铁/article/detail/986256
推荐阅读
相关标签
  

闽ICP备14008679号