---
title: "MapTiler Augmented reality (AR) Control Examples | Augmented reality | JavaScript maps SDK"
description: "Interactive examples of augmented reality in web maps."
---

> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.

# MapTiler Augmented reality (AR) Control Examples

 [![Add GeoJSON to AR maps](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Add GeoJSON to AR maps

Examples Sdk-js

Display GeoJSON biking or hiking routes in AR maps.](https://docs.maptiler.com/sdk-js/examples/ar-control-geojson-line/)

 [![Include a QR code to access your augmented reality (AR) maps on a mobile device](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## QR code to access AR maps

Examples Sdk-js

Provide a QR code to access mobile AR maps.](https://docs.maptiler.com/sdk-js/examples/ar-control-qr/)

 [![Customize the AR experience.](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Custom AR experience

Examples Sdk-js

Customize the appearance of the augmented reality map control.](https://docs.maptiler.com/sdk-js/examples/ar-control-custom/)

 [![How to trigger actions in the AR control](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Trigger AR control actions

Examples Sdk-js

Trigger AR map control actions using keyboard input.](https://docs.maptiler.com/sdk-js/examples/ar-control-no-button/)

 [![Getting started with AR maps: Display an AR control on your maps](https://docs.maptiler.com/assets/img/example-card.webp)

![SDK JS](https://docs.maptiler.com/assets/img/logos/sdk-js.svg)

## Start with AR maps

Examples Sdk-js

Add an AR control button to map 3D viewports.](https://docs.maptiler.com/sdk-js/examples/ar-control/)

Reset filter Founds X results.