Include a QR code to access your augmented reality (AR) maps on a mobile device

To enhance the user experience, it is possible to incorporate a QR code picture alongside the three-dimensional model. This will enable users to effortlessly access the augmented reality model on their mobile device or AR viewer.

The Augmented reality (AR) control adds a button on your map that enables the creation of a 3D representation of the current view, complete with 3D terrain and any additional layers you have applied. This functionality is compatible with WebXR or Apple Quick Look.

In this example, we employed the qrcode-generator library to produce the QR code. However, you have the flexibility to utilize your preferred approach for generating the QR code image.

Related examples

An extension of MapLibre GL JS