技术栈
cesium
二狗哈
18 小时前
3d
·
webgl
·
材质
·
cesium
·
地图可视化
Cesium快速入门21:Primitive材质类型与设置
这节课,我们继续啃 Primitive 的材质(Material)。 上节只用了一个最基础的 'Color' 类型,今天把官方常备的“布料”全部铺开:图片、漫反射、网格、水面…… 学会套路后,想换哪件换哪件,全程零着色器。
二狗哈
1 天前
3d
·
webgl
·
材质
·
cesium
·
地图可视化
Cesium快速入门18:Entity材质设置
前面的课程里,我们先后讲了 Entity(实体)和 Primitive(图元)这两种“物体”。 它们都能贴材质,只不过用法有简有繁。 今天先集中火力把 Entity 的材质系统 撸一遍,看看 Cesium 到底给我们备好了哪些“现成布料”,以及怎么换布料。
二狗哈
2 天前
3d
·
webgl
·
材质
·
cesium
·
地图可视化
Cesium快速入门19:Entity折线材质
上一节课我们把“面”的材质讲完了,今天换“线”——折线(Polyline)。 不管是道路、航线还是飞线特效,全靠下面几种现成材质,一句代码就能换皮肤。
二狗哈
2 天前
开发语言
·
前端
·
javascript
·
3d
·
webgl
·
cesium
·
地图可视化
Cesium快速入门17:与entity和primitive交互
上节课我们学会了“一个图元里塞多个物体”。 新问题来了:鼠标随便点一下,我怎么知道到底点中了谁?能不能像 Three.js 那样“指谁打谁”? 答案当然是可以,套路还是那条老路——屏幕射线拾取(pick)。 Cesium 已经把鼠标事件封装得服服帖帖,我们直接拿来用就行。
二狗哈
3 天前
3d
·
webgl
·
cesium
·
地图可视化
Cesium快速入门16:Primitive多个实体与颜色修改
上一节课,我们初步认识了 Cesium 的图元(Primitive),当时只放了一个几何体。 其实,一个 Primitive 可以同时塞进多个几何实例(GeometryInstance)。 这样做的好处很明显:
二狗哈
4 天前
开发语言
·
javascript
·
3d
·
webgl
·
cesium
·
地图可视化
Cesium快速入门15:图元Primitive创建图像物体
前面我们一直用 Entity——也就是“实体”——画矩形、椭球、走廊、圆柱、多边形、球体等等。Entity 把底层细节包得严严实实,一两行代码就能出效果。 可如果想再“底层”一点,自己捏顶点、配材质、写外观,那就得请出今天的主角:Primitive(图元)。 思路跟 Three.js 很像:先造几何体 → 再搞实例 → 再给外观 → 最后扔进场景。 步骤多了,但自由度直接拉满,后面甚至能自己写着色器做烟雾、流体等特效。
GIS遥遥
4 天前
microsoft
·
3d
·
智慧城市
·
cesium
·
gis开发
·
webgis开发
2025cesium进阶教程(6)| webgis智慧城市开发,3DTiles 卷帘对比效果(附完整源码)
在 Cesium 可视化开发中,卷帘对比是常用功能,可用于 3D Tiles 模型、影像图层的左右分屏对比,支持动态调整分割比例。
二狗哈
6 天前
3d
·
webgl
·
cesium
·
地图可视化
Cesium快速入门11:广告牌添加
上节课我们插了一个小红点,也加载了 3D 建筑。 可只有文字不过瘾?那就再给广州塔贴一张“真人照”——用 Cesium 的 billboard(广告牌)功能。
地狱为王
6 天前
unity
·
游戏引擎
·
cesium
Cesium for Unity 去除Cesium Logo
效果图 1、dotnet和cmake2、Windows启用长路径 3、clone com.cesium.unity到在Unity工程的Packages下
二狗哈
6 天前
3d
·
webgl
·
cesium
·
地图可视化
Cesium快速入门10:添加物体与3D建筑
同学们好!今天这节课,我们给地球“加点料”—— 先画一个红点,再叠一个标签,最后把整座城市“3D 化”,让广州塔真正“立”起来。
二狗哈
7 天前
webgl
·
cesium
·
地图可视化
Cesium快速入门9:相机动画与交互
有同学问:“我能不能让镜头像坐飞机一样,‘嗖’地飞到天安门广场?” 当然可以!Cesium 已经帮我们封装好了 flyTo 方法,只要一行代码就能搞定。
GIS遥遥
7 天前
前端
·
javascript
·
cesium
·
三维gis开发
如何用 Cesium 实现楼栋单体化?前端 WebGIS 实战教程
我们在上一篇👉2025前端webgis开发实习岗面试题+答案中我们绍了cesium矢量单体化,实现了建筑单体化功能。
二狗哈
7 天前
webgl
·
cesium
·
地图可视化
Cesium快速入门8:相机的方向与位置
同学们好!上节我们把坐标系“翻译官”学会后,今天专攻“摄影师”——相机。 记住一句话:地球没动,是我们在移动摄像机。想让镜头去哪儿、怎么看,全靠下面几个参数。
傣味洋芋
8 天前
材质
·
cesium
cesium(四):Material及MaterialProperty 设置材质
前言:这里所说的材质包括:颜色、纹理、图片等。设置的方法有:一、Material二、MaterialProperty
爱看书的小沐
8 天前
javascript
·
vue.js
·
react.js
·
雷达
·
cesium
·
传感器
·
波束
【小沐学WebGIS】基于Cesium.JS绘制雷达波束/几何体/传感器Sensor(Cesium / vue / react )
Cesium.js 是一个开源的 JavaScript 库,专注于构建高性能的 3D 地理空间应用程序。它支持在浏览器中实时渲染全球地形、卫星影像、矢量数据及 3D 模型,并集成动态时间轴功能,适用于地图可视化、飞行模拟、灾害监测、智慧城市等领域。其核心特性包括:
二狗哈
8 天前
webgl
·
cesium
·
地图可视化
Cesium快速入门4:天空盒
现在,我们先来看看地球场景里的“背景”——也就是天空盒。 有时候,默认的宇宙星空看着太黑、太科幻,我想换个更通透、更“天空”的感觉,比如蓝天白云、晨曦晚霞,行不行? 当然可以!这种背景就叫“天空盒”(SkyBox),换成银河、宇宙、晴空、晚霞,随你喜欢。
二狗哈
8 天前
webgl
·
cesium
Cesium快速入门1:打造第一个Cesium应用
CesiumJS 是一个主要用于三维地球和地图可视化的 JavaScript 库。它可以支持海量的三维模型数据,也就是说,我们可以根据自己的需要,选择展示地球的某一部分内容,并以三维的方式更直观、更快速地进行展示。
AndrewHZ
9 天前
javascript
·
gis
·
web开发
·
cesium
·
gis前端
·
三维地理可视化
【GIS数据处理】什么是Cesium?从零入门Web端三维地理可视化工具
在数字孪生、智慧城市、GIS开发等领域,三维地理空间可视化是核心需求之一。而Cesium作为该领域的开源标杆工具,凭借无需插件、跨平台、高性能的特性,成为开发者的首选。这篇文章将带你搞懂Cesium的核心定位,再通过实操步骤快速入门,适合前端、GIS相关开发者从零上手。
GIS遥遥
11 天前
javascript
·
cesium
·
gis开发
·
三维gis
·
webgis开发
2025Cesium进阶教程(5)| webgis智慧城市开发,大屏可视化行政区高亮
2025cesium进阶教程持续更新中......Cesium进阶教程(1)customShader的使用
map_3d_vis
12 天前
学习笔记
·
cesium
·
地形
·
初学者
·
terrain
·
mapvthree
·
jsapithree
·
cesiumterraintileprovider
JSAPIThree 加载 Cesium 数据学习笔记:使用 Cesium 地形和影像服务
作为一个刚开始学习 mapvthree 的小白,今天要学习加载 Cesium 数据了!听说这个功能可以加载真实的地形数据,还能使用 Cesium 的影像服务!想想就期待!