1449

Google Maps Live View AR Gyroscope Directions Interaction

Google Maps Live View AR Gyroscope Directions Interaction

The interaction begins with an animated scanning state featuring a tilting phone illustration and pulsing radar waves. Once the camera aligns with the surroundings, the scanning overlay fades out to reveal the live AR view. Directional 3D arrows and street labels are anchored in real-world space, while a circular mini-map at the bottom rotates dynamically based on the device's gyroscope. Tilting the phone down triggers a smooth transition where the circular mini-map expands and morphs into the standard 2D navigation map.