您现在的位置是:首页 > 正文

cesium入门(一)

2024-04-01 02:14:42阅读 3

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

网站文章

  • 想学语言的模块化的同学可进来看看(以51单片机的模块化来讲解)

    想学语言的模块化的同学可进来看看(以51单片机的模块化来讲解)

    因为才刚刚接触程序半年,凭着本人有限的知识,只能从单片机来讲解这个模块化的相关知识. 首先讲讲写这篇博客的初衷,我们第一学期寒假的时候,我们的寒假作业要求就是得用模块化编写,网上看到的一些资料感觉看不懂,找了些大神给我讲解了之后才感觉明白了,自己用的时候还出现了很多的错误.为了让后面的学弟学妹们好好理解模块化写的第一篇博客.分模块的好处首先,这是我在写万年历和温度传感器的时候,显然这是我...

    2024-04-01 02:14:32
  • 第七周学习内容总结——区间dp、dfs

    第七周学习内容总结——区间dp、dfs

    本周学习内容一:本周学习了区间dp,今天又花一下午,终于弄懂这个经典题目(石子归并) 来看我的思考(O ^ ~ ^ O) #include #include #include #include #include #include #include #include using na

    2024-04-01 02:14:24
  • 仅需一个样本即可定制个性化的SAM

    仅需一个样本即可定制个性化的SAM

    仅需一个样本即可定制个性化的SAM

    2024-04-01 02:13:46
  • 最新php中es整合项目(Elasticsearch高级篇整合tp后台)

    最新php中es整合项目(Elasticsearch高级篇整合tp后台)

    以下后台使用thinkphp5.1、Elasticsearch7.14.1、ik分词器集成1索引列表2、添加索引3、设置字段4、添加文档5、修改文档6、查询索引并分页

    2024-04-01 02:13:37
  • 20050912:加把劲了

    向来以做事快著称的我,竟然成了项目里的瓶颈,郁闷~~~今天做了一天才把密码重置做完,然后就是email帐单和用户资料修改了。加油!为了不加班而加班!莫菲斯托,等着我蹂躏你吧(给我来两件绿色我就放了你)~~~~转载于:https://www.cnblogs.com/yidinghe/archive/2005/09/12/235407.html...

    2024-04-01 02:13:31
  • 基于学习的机械臂抓取研究综述

    基于学习的机械臂抓取研究综述

    本文主要总结了2020年的一篇机械臂抓取综述类的论文A Survey on Learning-Based Robotic Grasping,文末有本领域重点的一些论文。

    2024-04-01 02:12:53
  • 450. 删除二叉搜索树中的节点-递归

    450. 删除二叉搜索树中的节点-递归

    一、题目描述给定一个二叉搜索树的根节点 root 和一个值 key,删除二叉搜索树中的 key 对应的节点,并保证二叉搜索树的性质不变。返回二叉搜索树(有可能被更新)的根节点的引用。一般来说,删除节点...

    2024-04-01 02:12:47
  • 计算机网络总复习

    计算机网络总复习

    计算机网络复习一、计算机网络概述1、计算机网络组成与结构(1)资源子网:(2)通信子网:2、计算机网络的拓扑结构(1)总线型(广播网络)(2)星型(3)树形(分层结构)(4)环形(局域网或城域网常用的...

    2024-04-01 02:12:39
  • 美国服务器查询网站查询网站查询网站查询网站查询,全球DNS节点查询网

    月ъыь0430ю◎⊕㈱全球DNS节点查询网Whats My DNS 网站是一个可以查询世界五大洲各个国家的DNS节点服务器更新记录情况的站点,它的主要功用是从全世界各个国家节点来查询某个域名的DNS...

    2024-04-01 02:11:56
  • CTF隐写(stegsolve) 热门推荐

    CTF隐写(stegsolve) 热门推荐

    首先想到的得是用stegsolve分析得到flag

    2024-04-01 02:11:41