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

Add 'tracking' property to ol.DeviceOrientation

Browse Source
This commit is contained in:
Frederic Junod
2013-04-16 09:40:59 +02:00
parent 448e300a03
commit c431cc7f63
3 changed files with 73 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
examples/device-orientation.html
View File

@@ -37,9 +37,12 @@
<div class="span4">
<h4 id="title">Device orientation example</h4>
<p>&alpha; : <code id="alpha"></code> rad</p>
<p>&beta; : <code id="beta"></code> rad</p>
<p>&gamma; : <code id="gamma"></code> rad</p>
<label class="checkbox" for="track">
<input id="track" type="checkbox"/>track changes
</label>
<p>&alpha; : <code id="alpha"></code></p>
<p>&beta; : <code id="beta"></code></p>
<p>&gamma; : <code id="gamma"></code></p>
<p id="shortdesc">Listen to DeviceOrientation events</p>
<div id="docs">
<p>See the <a href="device-orientation.js" target="_blank">device-orientation.js source</a> to see how this is done.</p>

3
examples/device-orientation.js
View File

@@ -2,6 +2,7 @@ goog.require('ol.DeviceOrientation');
goog.require('ol.Map');
goog.require('ol.RendererHints');
goog.require('ol.View2D');
goog.require('ol.dom.Input');
goog.require('ol.layer.TileLayer');
goog.require('ol.source.OSM');
@@ -21,6 +22,8 @@ var map = new ol.Map({
});
var deviceOrientation = new ol.DeviceOrientation();
var track = new ol.dom.Input(document.getElementById('track'));
track.bindTo('checked', deviceOrientation, 'tracking');
deviceOrientation.on('changed', function() {
document.getElementById('alpha').innerHTML = deviceOrientation.getAlpha();