草庐IT

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

目录1.本篇适用范围与目的1.1.适用范围1.2.目的2.牛刀小试-先看到地球2.1.创建Vue3-TypeScript工程并安装cesium2.2.清理不必要的文件并创建三维地球2.3.中段解疑-奇怪的路径2.4.打包部署2.5.有限的优化3.CesiumJS前置知识3.1.CesiumJS依赖包中的资料说明3.2.构建后的CesiumJS库组成-主库文件与四大文件夹3.3.链接库文件和四大文件夹的CESIUM_BASE_URL变量4.现代前端工具的基本常识4.1.选择Vite的理由4.2.为什么外部化引入(External)一个库4.3.TypeScript类型提示4.4.开发服务器的路径

Cesium 案例 (七) Time Dynamic Wheels

  知识点和api都以注释的形式标注在了代码中,学习Cesium官方案例可以作为辅助理解代码,进行自我学习和案例复现。主要学习网站:cesium官网案例源码cesium中文网api文档 Cesium.Ion.defaultAccessToken=    "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3YjIzYWFlOS1iMzE4LTQ5ZmUtYmUyOS0yMWZlYmE5Yzg4Y2MiLCJpZCI6MTIyNzExLCJpYXQiOjE2NzUwNjAyNTR9.FlRXWHoB1XNQR4wi-_VGVJeOUMrVynCEGf

Cesium 案例 (七) Time Dynamic Wheels

  知识点和api都以注释的形式标注在了代码中,学习Cesium官方案例可以作为辅助理解代码,进行自我学习和案例复现。主要学习网站:cesium官网案例源码cesium中文网api文档 Cesium.Ion.defaultAccessToken=    "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3YjIzYWFlOS1iMzE4LTQ5ZmUtYmUyOS0yMWZlYmE5Yzg4Y2MiLCJpZCI6MTIyNzExLCJpYXQiOjE2NzUwNjAyNTR9.FlRXWHoB1XNQR4wi-_VGVJeOUMrVynCEGf

Cesium案例(六) Time Dynamic Wheels

 知识点和api都以注释的形式标注在了代码中,学习Cesium官方案例可以作为辅助理解代码,进行自我学习和案例复现。主要学习网站:cesium官网案例源码cesium中文网api文档 Cesium.Ion.defaultAccessToken=    "token";   constviewer=newCesium.Viewer("cesiumContainer",{    shouldAnimate:true,   });   conststart=Cesium.JulianDate.fromDate(newDate(2018,11,12,15));   //从JavaScript日期创建一

Cesium案例(六) Time Dynamic Wheels

 知识点和api都以注释的形式标注在了代码中,学习Cesium官方案例可以作为辅助理解代码,进行自我学习和案例复现。主要学习网站:cesium官网案例源码cesium中文网api文档 Cesium.Ion.defaultAccessToken=    "token";   constviewer=newCesium.Viewer("cesiumContainer",{    shouldAnimate:true,   });   conststart=Cesium.JulianDate.fromDate(newDate(2018,11,12,15));   //从JavaScript日期创建一

Cesium 案例(二)Web MapTile Service with Time

使用官方github包,部分解释来源于http://cesium.xin/cesium/cn/Documentation1.95/index.html  Cesium.Ion.defaultAccessToken=token;   constviewer=newCesium.Viewer("cesiumContainer",{    shouldAnimate:true,    //时钟应该默认尝试提前模拟时间,则为true,否则为false。   });   functiondataCallback(interval,index){    lettime;    if(index===0){

Cesium 案例(二)Web MapTile Service with Time

使用官方github包,部分解释来源于http://cesium.xin/cesium/cn/Documentation1.95/index.html  Cesium.Ion.defaultAccessToken=token;   constviewer=newCesium.Viewer("cesiumContainer",{    shouldAnimate:true,    //时钟应该默认尝试提前模拟时间,则为true,否则为false。   });   functiondataCallback(interval,index){    lettime;    if(index===0){

DEJA_VU3D - Cesium功能集 之 079-对象材质:动态扩散圆

前言编写这个专栏主要目的是对工作之中基于Cesium实现过的功能进行整合,有自己琢磨实现的,也有参考其他大神后整理实现的,初步算了算现在有实现120个左右的功能,后续也会不断的追加,所以暂时打算一周2-3更的样子来更新本专栏(每篇博文都会奉上完整demo的源代码,尽可能把代码简洁一些)。博文内容如存在错误或者有可改进之处,也希望在这里和各位大佬交流提高一下。更多内容/样例/demo说明:​DEJA_VU3D完整功能目录介绍专栏内容本着尽可能简洁的原则,本篇主要介绍实现动态扩散圆材质的实现和对象展示效果,类似于动态扩散点,不同的是是以面状对象的形式创建,最终效果大致如下:动态扩散圆的实现通过自定

DEJA_VU3D - Cesium功能集 之 079-对象材质:动态扩散圆

前言编写这个专栏主要目的是对工作之中基于Cesium实现过的功能进行整合,有自己琢磨实现的,也有参考其他大神后整理实现的,初步算了算现在有实现120个左右的功能,后续也会不断的追加,所以暂时打算一周2-3更的样子来更新本专栏(每篇博文都会奉上完整demo的源代码,尽可能把代码简洁一些)。博文内容如存在错误或者有可改进之处,也希望在这里和各位大佬交流提高一下。更多内容/样例/demo说明:​DEJA_VU3D完整功能目录介绍专栏内容本着尽可能简洁的原则,本篇主要介绍实现动态扩散圆材质的实现和对象展示效果,类似于动态扩散点,不同的是是以面状对象的形式创建,最终效果大致如下:动态扩散圆的实现通过自定

兔年首文迎新春-Cesium橘子洲烟花礼赞

兔年新春今天是兔年大年初二,神州大地,在经历了疫情的三年后迎来开放的一个春节。大家都沉浸在欢乐幸福的春节气氛中。玉兔迎新春,祝福齐送到:白兔祝你身体安康,黑兔祝你薪水高涨,灰兔送你梦想如意,花兔愿你早日高升,公兔祈祷你名利双收,母兔称赞你家和万事兴,只有兔崽崽最淘气,鞭炮连连,让你欢乐一整年。祝各位技术同仁在新的一年里,发量比Bug多,他/她比最帅/最靓的明星更亮,RMB把钱包撑破。一、橘子洲头1、橘子洲与伟人大家对《沁园春.长沙》想必都非常熟悉。词的内容,上阙为描写湘江、橘子洲、岳簏山生机盎然的秋景,下阙为怀念同学少年的生活,抒发救世济民的远大理想,洋溢着激流奋进的壮志和豪情。现在,诗词碑已