Use ol.control.MousePosition in demo

This commit is contained in:
Tom Payne
2012-08-13 16:41:52 +02:00
parent 85ca630935
commit d5bd49d86b
2 changed files with 15 additions and 0 deletions

View File

@@ -21,6 +21,9 @@
<td><div id="domMap" class="map"></div></td>
<td><div id="webglMap" class="map"></div></td>
</tr>
<tr>
<td><div id="domMousePosition" class="mouseposition"></div></td>
<td><div id="webglMousePosition" class="mouseposition"></div></td>
<tr>
<td colspan="2">
<div id="attribution" class="attribution"></div>

View File

@@ -1,5 +1,7 @@
goog.require('ol.CoordinateFormat');
goog.require('ol.RendererHint');
goog.require('ol.control.Attribution');
goog.require('ol.control.MousePosition');
goog.require('ol.createMap');
goog.require('ol.interaction.Keyboard');
goog.require('ol.layer.MapQuestOpenAerial');
@@ -32,6 +34,16 @@ var attributionControl = new ol.control.Attribution(domMap);
document.getElementById('attribution').appendChild(
attributionControl.getElement());
var domMousePositionControl = new ol.control.MousePosition(domMap,
ol.Projection.getFromCode('EPSG:4326'), ol.CoordinateFormat.hdms, '&nbsp;');
document.getElementById('domMousePosition').appendChild(
domMousePositionControl.getElement());
var webglMousePositionControl = new ol.control.MousePosition(webglMap,
ol.Projection.getFromCode('EPSG:4326'), ol.CoordinateFormat.hdms, '&nbsp;');
document.getElementById('webglMousePosition').appendChild(
webglMousePositionControl.getElement());
var keyboardInteraction = new ol.interaction.Keyboard();
keyboardInteraction.addCallback('0', function() {
layer.setBrightness(0);