ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove jQuery use from device orientation example

Browse Source
This commit is contained in:
Tim Schaub
2015-04-15 08:53:25 -06:00
parent d2062d241d
commit 0121a12293
1 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
examples/device-orientation.js
View File

@@ -31,15 +31,19 @@ var map = new ol.Map({
var deviceOrientation = new ol.DeviceOrientation(); var deviceOrientation = new ol.DeviceOrientation();
$('#track').on('change', function() { function el(id) {
return document.getElementById(id);
}
el('track').addEventListener('change', function() {
deviceOrientation.setTracking(this.checked); deviceOrientation.setTracking(this.checked);
}); });
deviceOrientation.on('change', function(event) { deviceOrientation.on('change', function(event) {
$('#alpha').text(deviceOrientation.getAlpha() + ' [rad]'); el('alpha').innerText = deviceOrientation.getAlpha() + ' [rad]';
$('#beta').text(deviceOrientation.getBeta() + ' [rad]'); el('beta').innerText = deviceOrientation.getBeta() + ' [rad]';
$('#gamma').text(deviceOrientation.getGamma() + ' [rad]'); el('gamma').innerText = deviceOrientation.getGamma() + ' [rad]';
$('#heading').text(deviceOrientation.getHeading() + ' [rad]'); el('heading').innerText = deviceOrientation.getHeading() + ' [rad]';
}); });
// tilt the map // tilt the map