跳到主要内容

示例教程

通过实际示例学习 flywave.gl 的各种功能

Getting Started

Basic Configuration Example

Basic Configuration Example

Demonstrate basic configuration options of MapView, including projection, theme, camera settings, etc.

Getting Started

查看详情
Planar Map Display Example

Planar Map Display Example

Demonstrate how to create and configure planar projection maps

Getting Started

查看详情
Camera Animation Example

Camera Animation Example

Example showing how to animate camera movements in flywave.gl

Getting Started

查看详情

3D Tiles Rendering & Interaction

3D Tiles Basic Interaction, Styling and Animation

3D Tiles Basic Interaction, Styling and Animation

Demonstrates basic styling and keyframe animation of 3D Tiles

3D Tiles Rendering & Interaction

查看详情
3D Tiles Basic Example

3D Tiles Basic Example

Basic example showing how to load and render 3D Tiles

3D Tiles Rendering & Interaction

查看详情
3D Tiles Gaussian Splatting Example

3D Tiles Gaussian Splatting Example

Example demonstrating Gaussian Splatting rendering with 3D Tiles

3D Tiles Rendering & Interaction

查看详情

Terrain & Elevation

DEM Digital Terrain Example

DEM Digital Terrain Example

Shows how to use DEM (Digital Elevation Model) terrain data in flywave.gl

Terrain & Elevation

查看详情
Quantized Mesh Terrain Example

Quantized Mesh Terrain Example

Shows how to use quantized-mesh-1.0 terrain data in flywave.gl

Terrain & Elevation

查看详情
3D Tiles and Terrain Overlay Example

3D Tiles and Terrain Overlay Example

Example showing how to overlay 3D Tiles on terrain

Terrain & Elevation

查看详情
Terrain Elevation Modification Example

Terrain Elevation Modification Example

Example showing how to modify terrain elevation data dynamically

Terrain & Elevation

查看详情

Advanced Rendering Effects

Post Processing Effects Example

Post Processing Effects Example

Example showcasing various post-processing effects in flywave.gl

Advanced Rendering Effects

查看详情
Depth Reading Pass Example

Depth Reading Pass Example

Example showcasing DepthReadingPass for reading depth and world coordinates

Advanced Rendering Effects

查看详情

Text Display

Features with Text and Icons Example

Features with Text and Icons Example

Example showing how to create features with text and icons

Text Display

查看详情
Dynamic Text Styling Example

Dynamic Text Styling Example

Example showing how to dynamically change text styles and load font catalogs

Text Display

查看详情

THREE.js Integration Examples

THREE.js Model Animation Example

THREE.js Model Animation Example

Example showing how to animate 3D models using THREE.js with flywave.gl

THREE.js Integration Examples

查看详情
THREE.js Lighting Example

THREE.js Lighting Example

Example showing how to implement lighting effects using THREE.js with flywave.gl

THREE.js Integration Examples

查看详情
THREE.js Particle System Example

THREE.js Particle System Example

Example showing how to create particle systems using THREE.js with flywave.gl

THREE.js Integration Examples

查看详情

Real-world Applications

Ecological Farming Visualization Example

Ecological Farming Visualization Example

Real-world example showing ecological farming area visualization with 3D tiles, terrain, and drawing tools

Real-world Applications

查看详情
Country Garden Complex Visualization

Country Garden Complex Visualization

Real-world example showing visualization of country garden complex with 3D tiles, terrain, and environmental data

Real-world Applications

查看详情
Pipeline Visualization Example

Pipeline Visualization Example

Real-world example showing pipeline engineering project visualization

Real-world Applications

查看详情
Power Grid Visualization Example

Power Grid Visualization Example

Real-world example showing power grid infrastructure visualization

Real-world Applications

查看详情
Railway Engineering Visualization Example

Railway Engineering Visualization Example

Real-world example showing railway engineering project visualization

Real-world Applications

查看详情