Use change event in device-orientation example

This commit is contained in:
Frederic Junod
2014-03-17 09:06:25 +01:00
parent 6df7d5afda
commit 2e390794ed

View File

@@ -24,12 +24,11 @@ var deviceOrientation = new ol.DeviceOrientation();
var track = new ol.dom.Input(document.getElementById('track'));
track.bindTo('checked', deviceOrientation, 'tracking');
deviceOrientation.on('propertychange', function(event) {
// event.key is the changed property name
var element = document.getElementById(event.key);
if (element) {
element.innerHTML = deviceOrientation.get(event.key);
}
deviceOrientation.on('change', function(event) {
$('#alpha').text(deviceOrientation.getAlpha() + ' [rad]');
$('#beta').text(deviceOrientation.getBeta() + ' [rad]');
$('#gamma').text(deviceOrientation.getGamma() + ' [rad]');
$('#heading').text(deviceOrientation.getHeading() + ' [rad]');
});
// tilt the map