跳到主要内容

62 篇文档带有标签「Javascript」

查看所有标签

3D Tiles

本示例展示如何加载倾斜摄影 3D Tiles 数据，并实现鼠标交互选择单体建筑物，通过后处理效果高亮显示选中的对象。

3D 模型加载与地形贴合

本示例展示如何在 Cesium 中加载 GLTF/GLB 格式的 3D 模型，并确保模型正确贴合真实地形。示例包含两个场景：风车阵列和建筑，通过 dat.gui 控制面板可以切换不同的模型场景。重点演示了地形提供者的使用和模型的精确定位。

CZML 时空数据可视化

本示例展示如何在 Cesium 中加载和显示 CZML（Cesium Language）格式的时空数据。CZML 是一种基于 JSON 的时空数据描述语言，专为 Cesium 设计，可以描述动态场景，如卫星轨道、飞行路径、移动对象等。本例通过加载卫星轨道数据，展示 CZML 的强大时空可视化能力。

Globe.gl

本示例展示如何使用 Globe.gl 在 Three.js 中实现三维地球可视化功能。Globe.gl 是一个基于 WebGL 的 3D 地球可视化库,支持多种数据可视化方式,包括点标记、弧线连接、六边形网格、热力图、路径绘制等。该库提供了 three-globe、globe.gl 和 react-globe.gl 三个版本,分别适用于 Three.js 原生、纯 JavaScript 和 React 框架。广泛应用于地理数据可视化、网络拓扑展示、历史事件追溯、实时监控系统等领域。

WKT互转GEOJSON

本示例展示如何使用 Terraformer WKT 库在 Well-Known Text (WKT) 格式和 GeoJSON 格式之间进行相互转换。WKT 是一种文本标记语言，用于表示矢量几何对象，而 GeoJSON 是一种基于 JSON 的地理空间数据交换格式，两者在 GIS 应用中都被广泛使用。

加载SHP

本示例展示如何在 Cesium 中加载和展示 Shapefile（SHP）格式的矢量数据，通过 shpjs 库将 SHP 文件转换为 GeoJSON 格式，然后使用 Cesium 的 GeoJsonDataSource 进行可视化展示。

场景

本示例展示如何在 Cesium 中实现丰富的天气和场景效果,包括雨雪天气、闪电效果、动态云层、自定义天空盒、近地天空盒以及背景图片设置,并通过 GUI 控制面板实现多种场景效果的动态切换。

坐标系转换

本示例展示如何在 Cesium 中使用 proj4 库进行不同坐标系之间的转换，将投影坐标（如 CGCS2000、WGS84 投影坐标等）转换为 Cesium 使用的经纬度坐标系（WGS84 地理坐标）。

底图

本示例展示如何在 Cesium 中加载和切换多种影像底图服务,包括高德地图、单张图片、XYZ 瓦片、WMS、WMTS 等多种底图服务类型,并通过 GUI 控制面板实现底图的动态切换。

日照分析

本示例展示如何在 Cesium 中实现三维场景的日照分析功能。通过模拟一天中不同时间段的太阳光照和阴影效果，可视化展示建筑物或地形在不同时刻的光照情况。该功能广泛应用于建筑设计、城市规划、太阳能评估等场景，为日照权分析、建筑采光优化、光伏发电选址等提供直观的三维可视化支持。

淹没分析

本示例展示如何在 Cesium 中实现三维淹没分析功能。通过动态模拟水位上升或下降，可视化展示特定区域的淹没情况，支持实时参数调整和交互控制。该功能广泛应用于洪水模拟、水库蓄水分析、海平面上升预测等场景，为水利规划、防灾减灾、环境评估等提供直观的三维可视化支持。

点击获取 3D Tiles 属性

本示例展示如何在 Cesium 中通过鼠标点击获取 3D Tiles 模型的属性信息。通过使用 ScreenSpaceEventHandler 事件处理器和 scene.pick() 方法，可以实现对三维模型的交互查询，获取建筑物名称、高度、用途等属性数据，为智慧城市、数字孪生等应用提供基础交互能力。

点线面图标与弹窗

本示例展示如何在 Cesium 中绘制基础几何图形（点、线、面、图标）以及实现自定义弹窗（Popup）和工具提示（Tooltip）。通过 dat.GUI 控制面板可以切换不同的示例类型，包括单个点、线、面、图标、大量图标、弹窗和工具提示。

视频投影

本示例展示如何在 Cesium 中实现三维视频投影功能。支持将视频内容投影到三维地形表面或特定的几何体上，可以模拟监控摄像头视角、视频播放器投影、实时直播流投影等场景。该功能广泛应用于智慧城市监控、无人机视频回传、视频监控系统、虚拟演播厅等领域，为三维场景中的视频展示提供直观的可视化支持。

空间测量

本示例展示如何在 Cesium 中实现全面的空间测量功能。支持多种测量类型，包括空间距离、地表距离、地表面积、高度差、三角测量和方位角测量。通过交互式测量工具，用户可以直观地获取场景中的各种空间信息。该功能广泛应用于工程测绘、规划设计、地形分析、导航定位等场景，为空间量算、距离评估、面积统计等提供精确的三维测量支持。

聚合

本示例展示如何在 Cesium 中实现大规模点位的高性能聚合显示。通过 Supercluster 算法和 Primitive API，可以流畅地渲染和交互成千上万个点位，并根据视角动态聚合。示例生成了 10,000 个随机点，在缩放过程中会自动根据密度聚合或展开。

自定义 Shader 材质特效

本示例展示如何在 Cesium 中使用 CustomShader 为 3D Tiles 模型添加自定义着色效果。通过编写 GLSL 着色器代码，可以实现渐变色、动态光圈、纹理贴图等丰富的视觉效果。

通视分析

本示例展示如何在 Cesium 中实现三维场景的通视分析功能。通过分析观测点与目的点之间的视线是否被地形或建筑物遮挡，判断两点之间是否可见，并可视化显示通视情况。该功能广泛应用于通信基站选址、观景台规划、视域分析、军事侦察等场景，为视线规划、可见性评估、障碍物识别等提供直观的三维可视化支持。

鸟

核心概念