---
layout: example.html
title: Device Orientation
shortdesc: Listen to DeviceOrientation events.
docs: >
  This example shows how to track changes in device orientation.
  [gyronorm.js](https://github.com/dorukeker/gyronorm.js) library is used to access and
  normalize the events from the browser.
tags: "device, orientation, gyronorm"
resources:
  - https://cdn.jsdelivr.net/npm/gyronorm@2.0.6/dist/gyronorm.complete.min.js
---
<div id="map" class="map"></div>
<p>
  <div id="unsupported" style="background-color: lightcoral; text-align: center;"></div>
  <div>α : <code id="alpha"></code></div>
  <div>β : <code id="beta"></code></div>
  <div>γ : <code id="gamma"></code></div>
</p>