Skip to main content

Examples Guide

flywave.gl provides a rich set of examples to help developers quickly get started and understand various features. All examples are located in the @flywave/flywave-examples directory.

Example Categories​

Getting Started​

  • Basic Configuration Example: Shows how to configure basic map views
  • Camera Animation Example: Demonstrates camera animations and transition effects
  • Planar Map Example: Planar map using Mercator projection

Terrain and Elevation​

  • DEM Terrain Example: Shows the use of digital elevation models
  • Quantized Terrain Example: Demonstrates quantized processing of terrain data
  • Terrain Elevation Modification Example: Shows how to modify terrain elevation

3D Tiles and Model Rendering​

  • 3D Tiles Animation Example: Demonstrates animation effects of 3D Tiles
  • Gaussian Point Rendering Example: Shows rendering of Gaussian point models
  • Terrain Overlay Example: Demonstrates 3D Tiles overlay on terrain

Camera and Interaction Controls​

  • Camera Animation Example: Shows camera path animations
  • Interaction Control Example: Demonstrates map interaction features

Drawing and Annotation​

  • Drawing Tools Example: Shows various drawing tools and annotations
  • Marker Placement Example: Demonstrates placing markers on the map
  • Polygon Drawing Example: Shows polygon drawing capabilities

Data Visualization​

  • Heatmap Example: Demonstrates heatmap visualization
  • Cluster Markers Example: Shows marker clustering for large datasets
  • Real-time Data Example: Demonstrates real-time data visualization

Running Examples​

To run the examples locally:

  1. Clone the repository:

    git clone https://github.com/flywave/flywave.gl.git

  2. Navigate to the examples directory:

    cd flywave.gl/@flywave/flywave-examples

  3. Install dependencies:

    pnpm install

  4. Start the development server:

    pnpm start

  5. Open your browser and visit http://localhost:8080 to view the examples.

Online Examples​

You can also view our online examples at flywave.github.io/flywave.gl/examples.

Contributing Examples​

We welcome contributions of new examples! To contribute:

  1. Fork the repository
  2. Create a new example in the appropriate category
  3. Follow our coding standards and documentation guidelines
  4. Submit a pull request with your example

For detailed contribution guidelines, please see our development guide.