ToB企服应用市场:ToB评测及商务社交产业平台
标题:
开源全球地理空间数据可视化框架——Cesium学习(2023.8.21)
[打印本页]
作者:
反转基因福娃
时间:
2024-8-10 05:49
标题:
开源全球地理空间数据可视化框架——Cesium学习(2023.8.21)
1、Cesium简介
作为一个开源的、天下级的、展现3D全球舆图的
JavaScript
类库,Cesium毫无疑问已然成为WebGIS开发中三维地球框架的首选,
1.1 Github上的Cesium
截止当前,Github上的Cesium已经收获了10.8K的star,因其具有良好的文档、示例、问答及讨论社区、扎实的生态而广受好评,目测版本的更新频率大概为 once a month,必要查看源码学习的小搭档一定要认准官方仓库哦!
2、Cesium下载安装使用
一般而言,Cesium框架基于JavaScript脚本语言编写,可轻松应用到客户端的html项目当中,随着应用的不断深入,前端生态、类库框架的不断涌现,这个三维地球类库天然也能够无孔不入,被适用到各种开发环境下,总的来说,主要存在以下
三种
方式来调用。
2.1 方式一:页面在线引用
直接引用官网在线的JS库及样式,或者引用CDN等公网服务器上的JS库和样式来体验和使用相关功能。
2.2 方式二:页面离线使用
基于源码和Nodejs编译器举行编译,天生离线的类库、样式、文档及API,便于学习和断网离线环境开发,
2.3 方式三:完整项目使用
好比,在Vue或Vite等前端项目中,安装依赖包或在index.html页面手动引入编译后的离线JS库及样式,全局使用Cesium即可。
3、CesiumJS学习教程(快速上手 + API文档)
在学习Cesium舆图框架之余,一定要记得多看官方提供的快速上手和API文档,以便学习框架中代码的调用。同时可以看到该文档是由
JSDoc
类库编译而来,感兴趣的搭档们可以基于此类库来编译自己的JS代码天生对应的API文档哦!
4、Cesium官方示例
不得不说,自问世之日起,Cesium官方就对这套
地理空间数据展示与分析框架
有了很高的战略定位,正所谓高瞻远瞩、深谋远虑,正如星星之火可以燎原、雨后春笋长势迅猛,一项新的事物之以是变得巨大,那一定是基于久远的布局打算、突破当下的独特眼光、放眼全球的巨大格局等出发点,正是由于有人默默对峙,有人愿意去做看似不起眼而大多数人不愿去做、看似简朴但实则不易的变乱,年轻的心灵、冲动的双手给Coder们留下了无比广阔的发展舞台和空间。
从用户需求出发,用技术创造代价,以品格感动用户,我以为,市场(Market)-用户(User)-服务(Service)-产物(Product)-技术(Technology)-代价(Value)-真理(Truth)-科学(Science)仿佛一个生生不息的循环链条:
从实际出发,市场存在诸多用户、服务和产物,产物和服务源于技术和代价,终极还得归功于科学、真理和实践,等同于从实际出发可以回到实践,经得起实践之后的市场已然成为实际的究竟,而且无可争议
。
为了快速熟悉Cesium强大的舆图可视化功能、多样的数据范例以及丰富的展现方式,我们可在Cesium官方沙盒中尽情欣赏、体验和沉醉式交互。
Cesium示例聚集
5、Cesium源码下载编译(前提环境——已安装Nodejs)
大家如果想要认真学习WebGL功能,有兴趣和豪情且执着的朋友可按照如下命令来下载Cesium源码,认真学习代码背后的理论依据,必要舆图投影、GIS、空间多少、数学变更、前端Canvas等方面的知识基础,对于功能定制化的需求和插件封装堪称经典!!!(注:
自1.100版本以后,Cesium源码中的文件夹风格发生较大变化,新增packages文件夹,里面又分为了engine和widgets两个子文件夹,每个子文件夹下存放源码
;
而1.100版本从前的Cesium核心源码均存放在Source文件夹下,必要格外留意Cesium差别版本的使用,仔细来看照旧比力有差别性的,具体可到
changeLog
页面举行查看哦
!!!)
Cesium代码采用Rollup和Gulp工具举行流水线式打包、压缩及编译,因此推荐基于Nodejs在Windows系统全局安装gulp依赖包,然后便可对js源码举行封装打包,具体还应仔细查看
gulp.js、server.js和README等文件
仔细琢磨,用node 运行server.js本质是基于express依赖库启动了当地文件服务器可在Web上公开访问,支持自界说端口号,相信认真阅读之后大家想必会有不少收获和感慨哟!!!
欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)
Powered by Discuz! X3.4