Add a teleport map example

2013-04-23 10:41:34 +02:00
parent 2dfe36b588
commit 8e8804caf1
2 changed files with 96 additions and 0 deletions
@@ -0,0 +1,31 @@
+goog.require('ol.Map');
+goog.require('ol.RendererHints');
+goog.require('ol.View2D');
+goog.require('ol.layer.TileLayer');
+goog.require('ol.source.OSM');
+
+
+var map = new ol.Map({
+  layers: [
+    new ol.layer.TileLayer({
+      source: new ol.source.OSM()
+    })
+  ],
+  renderers: ol.RendererHints.createFromQueryData(),
+  view: new ol.View2D({
+    center: [0, 0],
+    zoom: 2
+  })
+});
+
+var mapTarget1 = document.getElementById('map1');
+var mapTarget2 = document.getElementById('map2');
+
+map.setTarget(mapTarget1);
+
+var teleportButton = document.getElementById('teleport');
+
+teleportButton.addEventListener('click', function() {
+  var target = map.getTarget() === mapTarget1 ? mapTarget2 : mapTarget1;
+  map.setTarget(target);
+}, false);