Add simple full screen example

2012-09-29 12:03:16 +02:00
parent ea95ca4918
commit 2341e8cd8f
2 changed files with 35 additions and 0 deletions
--- a/examples/full-screen.html
+++ b/examples/full-screen.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
+    <link rel="stylesheet" href="style.css" type="text/css">
+    <style type="text/css">
+      html, body, #map {
+        margin: 0;
+        padding: 0;
+        width: 100%;
+        height: 100%;
+      }
+    </style>
+    <link rel="stylesheet" href="../css/ol.css" type="text/css">
+    <title>ol3 full-screen demo</title>
+  </head>
+  <body>
+    <div id="map"></div>
+    <script src="loader.js?id=full-screen" type="text/javascript"></script>
+  </body>
+</html>
--- a/examples/full-screen.js
+++ b/examples/full-screen.js
@@ -0,0 +1,14 @@
+goog.require('ol.Collection');
+goog.require('ol.Coordinate');
+goog.require('ol.Map');
+goog.require('ol.source.MapQuestOpenAerial');
+
+
+var layer = new ol.layer.TileLayer({
+  source: new ol.source.MapQuestOpenAerial()
+});
+var map = new ol.Map(document.getElementById('map'), {
+  center: new ol.Coordinate(0, 0),
+  layers: new ol.Collection([layer]),
+  zoom: 2
+});