Add full screen demo

2012-09-25 10:58:25 +02:00
parent 116531c275
commit ae34e8d261
4 changed files with 71 additions and 1 deletions
@@ -0,0 +1,11 @@
+goog.require('ol.RendererHint');
+goog.require('ol.createMap');
+goog.require('ol.layer.MapQuestOpenAerial');
+
+
+var rendererHint = [ol.RendererHint.WEBGL, ol.RendererHint.DOM];
+var map = ol.createMap(document.getElementById('map'), {}, rendererHint);
+var layer = new ol.layer.MapQuestOpenAerial();
+map.getLayers().push(layer);
+map.setCenter(new ol.Coordinate(0, 0));
+map.setResolution(layer.getStore().getResolutions()[0]);
@@ -0,0 +1,9 @@
+{
+
+  "id": "demo-full-screen",
+
+  "inherits": "../../base.json",
+
+  "inputs": "demos/full-screen/full-screen.js"
+
+}
@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+    <head>
+        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
+        <style type="text/css">
+            html, body, #map {
+                margin: 0;
+                padding: 0;
+                width: 100%;
+                height: 100%;
+            }
+        </style>
+        <title>ol3 full-screen demo</title>
+    </head>
+    <body>
+        <div id="map"></div>
+        <script src="@SRC@" type="text/javascript"></script>
+    </body>
+</html>