Skip to main content

Examples

Learn various features of flywave.gl through practical examples

Getting Started

Basic Configuration Example

Basic Configuration Example

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

Getting Started

View Details
Planar Map Display Example

Planar Map Display Example

Demonstrate how to create and configure planar projection maps

Getting Started

View Details
Camera Animation Example

Camera Animation Example

Example showing how to animate camera movements in flywave.gl

Getting Started

View Details

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

View Details
3D Tiles Basic Example

3D Tiles Basic Example

Basic example showing how to load and render 3D Tiles

3D Tiles Rendering & Interaction

View Details
3D Tiles Gaussian Splatting Example

3D Tiles Gaussian Splatting Example

Example demonstrating Gaussian Splatting rendering with 3D Tiles

3D Tiles Rendering & Interaction

View Details

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

View Details
Quantized Mesh Terrain Example

Quantized Mesh Terrain Example

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

Terrain & Elevation

View Details
3D Tiles and Terrain Overlay Example

3D Tiles and Terrain Overlay Example

Example showing how to overlay 3D Tiles on terrain

Terrain & Elevation

View Details
Terrain Elevation Modification Example

Terrain Elevation Modification Example

Example showing how to modify terrain elevation data dynamically

Terrain & Elevation

View Details

Advanced Rendering Effects

Post Processing Effects Example

Post Processing Effects Example

Example showcasing various post-processing effects in flywave.gl

Advanced Rendering Effects

View Details
Depth Reading Pass Example

Depth Reading Pass Example

Example showcasing DepthReadingPass for reading depth and world coordinates

Advanced Rendering Effects

View Details

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

View Details
Dynamic Text Styling Example

Dynamic Text Styling Example

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

Text Display

View Details

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

View Details
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

View Details
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

View Details

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

View Details
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

View Details
Pipeline Visualization Example

Pipeline Visualization Example

Real-world example showing pipeline engineering project visualization

Real-world Applications

View Details
Power Grid Visualization Example

Power Grid Visualization Example

Real-world example showing power grid infrastructure visualization

Real-world Applications

View Details
Railway Engineering Visualization Example

Railway Engineering Visualization Example

Real-world example showing railway engineering project visualization

Real-world Applications

View Details