Augmented reality (AR) Control for MapTiler SDK JS

maptiler/maptiler-ar-control

This Augmented reality (AR) control adds a button on your MapTiler SDK’s map to create a 3D model of the viewport, including 3D terrain and any layer you have put on top.

The Enable AR button will appear if your device is compatible with WebXR or Apple Quick Look. Then, you can position and interact with the 3D model in your own space!

Get started

Check out the Getting started with AR maps: Display an AR control on your maps example.

API Reference

This reference documents every object and method available. Each section describes classes or objects as well as their properties, parameters, methods, and associated events. Many sections also include inline code examples and related resources.

Related examples

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.

QR code to access AR maps

Example

Include a QR code to access your augmented reality (AR) maps on a mobile device. Compatible with WebXR or Apple Quick Look.

Add GeoJSON to AR maps

Example

Add a GeoJSON line to Augmented reality (AR) map, to create a biking or hiking route 3D model. Compatible with WebXR or Apple Quick Look.

Custom AR experience

Example

Customize the AR experience: The Augmented reality (AR) control accepts an option object to customize the look and feel. Compatible with WebXR or Apple Quick Look.

Trigger AR control actions

Example

How to trigger actions in the AR control: Display the Augmented reality (AR) control using the keyboard to create a 3D viewport model, including 3D terrain and any layer you have put on top. Compatible with WebXR or Apple Quick Look.