Change examples/demos structure

2012-09-28 13:31:36 +02:00
parent 3910318f1b
commit e3cef24f5f
15 changed files with 29 additions and 147 deletions
@@ -1,32 +0,0 @@
-<!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>
-        <link rel="stylesheet" href="../../css/ol.css" type="text/css">
-        <title>ol3 full-screen demo</title>
-    </head>
-    <body>
-        <div id="map"></div>
-        <script src="../../build/ol.js" type="text/javascript"></script>
-        <script type="text/javascript">
-
-            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: 0
-            });
-
-        </script>
-    </body>
-</html>
@@ -10,11 +10,11 @@
                height: 100%;
            }
        </style>
-        <link rel="stylesheet" href="../../css/ol.css" type="text/css">
+        <link rel="stylesheet" href="../css/ol.css" type="text/css">
        <title>ol3 full-screen demo</title>
    </head>
    <body>
        <div id="map"></div>
-        <script src="@SRC@" type="text/javascript"></script>
+        <script src="loader.js?id=full-screen" type="text/javascript"></script>
    </body>
 </html>
@@ -1,9 +0,0 @@
-{
-
-  "id": "demo-full-screen",
-
-  "inherits": "../../base.json",
-
-  "inputs": "demos/full-screen/full-screen.js"
-
-}
@@ -0,0 +1,13 @@
+<!doctype html>
+<html>
+    <head>
+        <link rel="stylesheet" href="../css/ol.css" type="text/css">
+        <script src="http://svn.osgeo.org/metacrs/proj4js/trunk/lib/proj4js-compressed.js" type="text/javascript"></script>
+        <title>ol3 proj4js demo</title>
+    </head>
+    <body>
+        <h1>ol3 proj4js demo</h1>
+        <div id="output"></div>
+        <script src="loader.js?id=proj4js" type="text/javascript"></script>
+    </body>
+</html>
@@ -1,14 +0,0 @@
-<!doctype html>
-<html>
-    <head>
-        <link rel="stylesheet" href="../../css/ol.css" type="text/css">
-        <script src="../../build/proj4js-combined.js" type="text/javascript"></script>
-        <script src="@SRC@" type="text/javascript"></script>
-        <title>ol3 proj4js demo</title>
-    </head>
-    <body>
-        <h1>ol3 proj4js demo</h1>
-        <div id="output"></div>
-        <script src="proj4js.js" type="text/javascript"></script>
-    </body>
-</html>
@@ -8,7 +8,7 @@
                border: thin solid;
            }
        </style>
-        <link rel="stylesheet" href="../../css/ol.css" type="text/css">
+        <link rel="stylesheet" href="../css/ol.css" type="text/css">
        <title>ol3 side-by-side demo</title>
    </head>
    <body>
@@ -67,6 +67,6 @@
            </tr>
        </table>
        <p><b>Notes:</b> The two maps share the same center, resolution, rotation and layers.  Currently the DOM map does not support rotation.</p>
-        <script src="@SRC@" type="text/javascript"></script>
+        <script src="loader.js?id=side-by-side" type="text/javascript"></script>
    </body>
 </html>
@@ -1,9 +0,0 @@
-{
-
-  "id": "demo-side-by-side",
-
-  "inherits": "../../base.json",
-
-  "inputs": "demos/side-by-side/side-by-side.js"
-
-}
@@ -28,6 +28,6 @@
                </td>
            </tr>
        </table>
-        <script src="@SRC@" type="text/javascript"></script>
+        <script src="loader.js?id=two-layers" type="text/javascript"></script>
    </body>
 </html>
@@ -1,9 +0,0 @@
-{
-
-  "id": "demo-two-layers",
-
-  "inherits": "../../base.json",
-
-  "inputs": "demos/two-layers/two-layers.js"
-
-}