Revision history [back]

First, you need to have the gltf model file and the location data (latitude and longitude) that you want to display it at.

Place the A-Frame and AR.js frameworks in your HTML file.

Create a new scene in A-Frame and add an AR marker element. The marker should have a unique identifier, and use the latitude and longitude to position it in the correct location.

Within the AR marker element, add a model element and specify the src attribute to be the gltf file.

Use the "look-at" attribute to ensure that the model is facing the camera.

Additional adjustments can be made to the size, rotation, and position of the model to fit the environment and desired display.

Finally, test the display in a browser that supports AR features and view the gltf model at the specified latitude and longitude upon recognizing the marker.