Animate a 3D plane flight

Use the MapTiler 3D JS module to simulate and animate a plane flight between two cities. Thanks to the 3D JS module we can track the flight position of a airplane.

This demonstration showcases a compact control interface that allows us to animate the plane flight and track the position.

Model credit

Related examples

Add a 3D model with babylon.js

Example

Use a custom style layer with babylon.js to add a 3D model to the map.

Start with AR maps

Example

Getting started with AR maps: The Augmented reality (AR) control adds a button on your map to create a 3D model of the viewport, including 3D terrain and any layer you have put on top. Compatible with WebXR or Apple Quick Look.

Add a plane 3D model

Example

Use the MapTiler 3D JS module to add a airplane model to the map.

3D terrain map

Example

This tutorial demonstrates how to create a 3D terrain map and display it on a web page using MapTiler Cloud.