cesium
关注
分享
扫一扫
关于cesium入门学习
baker_zhuang
8年工业软件开发经验，熟悉CRM、MES及WMS系统，实现从客户管理到生产、仓储的全流程智能化。专注于AI大模型与3D虚拟显示技术，致力于企业智能化升级。擅长将前沿科技融入企业运营，提升效率与决策能力。持续学习，勇于创新，将技术难题转化为发展动力，助力企业数字化转型，实现可持续增长。在快速变化的市场中，始终站在技术前沿，为企业创造更大价值。
展开
-
Cesium绘制一个正方体
这节讲在cesium中绘制一个正方体，与threejs类似，在一个场景中添加一个正方体就好了，设置正方体的长宽高和位置，不过绘制的方式和threejs有很大的区别，这里还是用的类似百度echarts的绘制方式，通过json格式的配置文件描述正方体的长宽高和位置，以下是相关源码，可以替换掉token后复制到html文件中测试...原创 2023-09-04 09:36:37 · 423 阅读 · 0 评论 -
Cesium给物体添加贴图
之前有讲过在Cesium的地球上放置一个正方体，这节在正方体上添加贴图，使他看起来更美观一点，贴图可以用哪个任何的图片，我这里就随便找一张放上去，主要演示实现效果和用法。步骤还是和之前一样，先在地球上放置一个正方体，然后再通过改变正方体的材质，添加材质的图片为选中的图片，最后将配置好的正方体加载到场景中。具体的步骤和代码如...原创 2023-09-07 09:39:07 · 1474 阅读 · 7 评论 -
Cesium绘制透明光圈
这节讲用cesium在地球上绘制一个透明的光圈，常用于标识一片区域等。具体步骤是现在场景中放置一个圆形的几何体，设置圆形几何体的中心点在地球上的经纬度和半径。然后创建几何体实例，引入圆形，并设置颜色，最后设置一些几何体的属性，并加载到场景中，代码如下：<!DOCTYPE html><html lang...原创 2023-09-12 09:22:18 · 551 阅读 · 0 评论 -
Cesium介绍和入门
Cesium是一个跨平台，跨浏览器的展示三维地球的地图的javascript库；使用WebGL来进行硬件加速图形，使用时不需要任何插件支持，但是浏览器必须支持WebGL；是基于Apach2.0许可的开源程序，他可以免费用于商业和非商业用途。Cesium支持2D，2.5D，3D形式的地图展示，并可以在地图上绘制出各种几何图...原创 2023-09-01 11:12:20 · 326 阅读 · 0 评论 -
cesium自带的组件显示与隐藏
Cesium有很多自带的工具栏，这些工具栏可以实现隐藏与现实，这里介绍一下具体有哪些工具栏，以及属性名是什么，如何进行隐藏与显示，下面提供源码，源码中会对每个工具栏的介绍，值设置为false为不显示，设置true为显示，默认都是显示的。可以对照着源码的注释试一试。<!DOCTYPE html><htm...原创 2023-09-02 19:22:24 · 886 阅读 · 0 评论 -
Cesium实现贴地线
顾名思义就是贴着地画一条线，用到的组件是polyline，这里和Threejs的用法不大相同，cesium通常都用类似json的方式设置组件属性，类似百度echarts里设置图表的用法。下这里给线设置点，点是有经纬度组成，组件会根据点的顺序连接成一条线。并且可以设置线的宽度，颜色等。下面是源码：<!DOCTYPE ...原创 2023-09-03 21:17:21 · 834 阅读 · 0 评论 -
Cesium添加3DTile
Cesium最常用来做数字孪生，在3D地图上创建一个3D模型，并将它放在地图上，贴合地面，使之看起来更加贴近现实中的实际情况，这里就在地球上放置一个3DTile的模型来模拟现实情况。这里的模型我是找的例子，只做一个实现方法上的演示，下面是代码：<!DOCTYPE html><html lang="en...原创 2023-09-05 08:58:35 · 501 阅读 · 2 评论 -
Cesium修改地球的贴图为视频或者图片
这节讲下如何修改Cesium的纹理贴图，可以修改为图片或者视频，因为默认的地球贴图其实类似百度地图，用一张张的瓦片贴上去的，在鼠标给地球放大的同时会切换更加精细的图片，这里修改后的贴图可能没有放大变得精细的功能，就只是修改一个球面的外部贴图，详细的实现方式和步骤会在代码的中提供，这里放上代码：<!DOCTYPE h...原创 2023-09-06 09:14:13 · 777 阅读 · 1 评论 -
Cesium导入geojson数据
geojson数据常用于绘制一个区域范围，在之前的百度echarts中绘制区域的时候经常会用到，Cesium中同样可以用，通过将geojson的文件数据导入到Cesium中，具体中国每个行政区的geojson文件可以在网站https://datav.aliyun.com/portal/school/atlas/area_s...原创 2023-09-08 14:34:23 · 939 阅读 · 1 评论 -
Cesium做镜头飞入目标的动画
很多时候需要实现一个镜头飞入目标的动画效果，也就是刚进入页面的时候从默认位置旋转地球到目标点，并逐渐放近镜头的动画，Cesium提供一个fly的动画效果，设置目标点的经纬度和高度，以及设置对准目标点时镜头的角度，这里根据上一篇的内容将镜头逐渐拉到中国地图中首都北京的位置，并设置动画时长为5秒，代码如下：<!DOCT...原创 2023-09-09 08:41:31 · 765 阅读 · 0 评论 -
Cesium制作鹰眼效果
Cesium制作鹰眼效果就是在右下角放一个缩略的地球，转动大的地球的同时，也转动右下角的小地球，以保证随时可以看到一个地球的局部图，实际原理是在右下角放置一个div，也同时初始化为一个cesium的模型。在转动大的地球时，出发事件将转动的角度，缩放的大小也同步到右下角小的地球上，现实两个球的联动，下面是相关代码，想看效果可...原创 2023-09-10 10:29:27 · 693 阅读 · 0 评论 -
Cesium自动生成建筑物3D轮廓模型
Cesium提供方法自动生成建筑物3D模型，也就是根据地面上的图片，建筑物的周围轮廓生成一个模拟的3D建筑物的轮廓，并放置在地球的建筑物位置，相关注释在代码中已经体现了。下面通过代码演示整个过程：<!DOCTYPE html><html lang="en"><head> <...原创 2023-09-11 10:03:09 · 993 阅读 · 0 评论