[OpenLayers-Commits] r11261 - trunk/openlayers/examples

commits-20090109 at openlayers.org commits-20090109 at openlayers.org
Tue Feb 22 16:21:31 EST 2011


Author: tschaub
Date: 2011-02-22 13:21:31 -0800 (Tue, 22 Feb 2011)
New Revision: 11261

Added:
   trunk/openlayers/examples/kinetic.js
Modified:
   trunk/openlayers/examples/kinetic.html
Log:
Taking advantage of the nice media query styles.  Separating code from markup.

Modified: trunk/openlayers/examples/kinetic.html
===================================================================
--- trunk/openlayers/examples/kinetic.html	2011-02-22 20:56:27 UTC (rev 11260)
+++ trunk/openlayers/examples/kinetic.html	2011-02-22 21:21:31 UTC (rev 11261)
@@ -1,50 +1,13 @@
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
   <head>
     <title>OpenLayers Kinetic Dragging Example</title>
-    <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
-    <link rel="stylesheet" href="style.css" type="text/css" />
-    <style type="text/css">
-        #map {
-            width: 100%;
-            height: 100%;
-        }
-    </style>
-    <script src="../lib/OpenLayers.js"></script>
-    <script type="text/javascript">
-        var map, layer;
-        function init(){
-            map = new OpenLayers.Map({
-                div: "map",
-                resolutions: [0.087890625, 0.0439453125, 0.02197265625, 0.010986328125],
-                panDuration: 100,
-                controls: [
-                    new OpenLayers.Control.Navigation(
-                        {dragPanOptions: {enableKinetic: true}}
-                    )
-                ]
-            });
-            layer = new OpenLayers.Layer.TileCache("TileCache Layer",
-                ["http://c0.tilecache.osgeo.org/wms-c/cache/",
-                 "http://c1.tilecache.osgeo.org/wms-c/cache/",
-                 "http://c2.tilecache.osgeo.org/wms-c/cache/",
-                 "http://c3.tilecache.osgeo.org/wms-c/cache/",
-                 "http://c4.tilecache.osgeo.org/wms-c/cache/"],
-                "basic",
-                {
-                    serverResolutions: [0.703125, 0.3515625, 0.17578125, 0.087890625,
-                                        0.0439453125, 0.02197265625, 0.010986328125,
-                                        0.0054931640625, 0.00274658203125, 0.001373291015625,
-                                        0.0006866455078125, 0.00034332275390625, 0.000171661376953125,
-                                        0.0000858306884765625, 0.00004291534423828125, 0.000021457672119140625],
-                    buffer: 4
-                }
-            );
-            map.addLayer(layer);
-            map.setCenter(new OpenLayers.LonLat(0, 0), 0);
-        }
-    </script>
+    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <link rel="stylesheet" href="../theme/default/style.css" type="text/css">
+    <link rel="stylesheet" href="style.css" type="text/css">
   </head>
-  <body onload="init()">
+  <body>
       <h1 id="title">Kinetic Dragging Example</h1>
 
       <div id="tags">
@@ -58,24 +21,23 @@
     <div id="map" class="smallmap"></div>
 
     <div id="docs">
-
         <p>
-        OpenLayers Kinetic Dragging inspired from <a href="http://www.tile5.org">Tile5</a>, and
-        <a href="http://code.google.com/p/kineticscrolling/">kineticscrolling</a> for Google Maps API V3.
+            OpenLayers Kinetic Dragging inspired from <a href="http://www.tile5.org">Tile5</a>, and
+            <a href="http://code.google.com/p/kineticscrolling/">kineticscrolling</a> for Google Maps API V3.
+        </p><p>
+            As shown in this example Kinetic Dragging is enabled by setting
+            <code>enableKinetic</code> to true in the config object provided to the
+            <code>Control.DragPan</code> constructor. When using
+            <code>Control.Navigation</code> or <code>Control.TouchNavigation</code>
+            providing options to the underlying <code>Control.DragPan</code>
+            instance is done through the <code>dragPanOptions</code> config
+            property.
+        </p><p>
+            View the <a href="kinetic.js" target="_blank">kinetic.js source</a>
+            to see how this is done.
         </p>
-
-        <p>
-
-        As shown in this example Kinetic Dragging is enabled by setting
-        <code>enableKinetic</code> to true in the config object provided to the
-        <code>Control.DragPan</code> constructor. When using
-        <code>Control.Navigation</code> or <code>Control.TouchNavigation</code>
-        providing options to the underlying <code>Control.DragPan</code>
-        instance is done through the <code>dragPanOptions</code> config
-        property.
-
-        </p>
-
     </div>
+    <script src="../lib/OpenLayers.js"></script>
+    <script src="kinetic.js"></script>
   </body>
 </html>

Added: trunk/openlayers/examples/kinetic.js
===================================================================
--- trunk/openlayers/examples/kinetic.js	                        (rev 0)
+++ trunk/openlayers/examples/kinetic.js	2011-02-22 21:21:31 UTC (rev 11261)
@@ -0,0 +1,28 @@
+var map = new OpenLayers.Map({
+    div: "map",
+    resolutions: [0.087890625, 0.0439453125, 0.02197265625, 0.010986328125],
+    panDuration: 100,
+    controls: [
+        new OpenLayers.Control.Navigation(
+            {dragPanOptions: {enableKinetic: true}}
+        )
+    ]
+});
+var layer = new OpenLayers.Layer.TileCache("TileCache Layer",
+    ["http://c0.tilecache.osgeo.org/wms-c/cache/",
+     "http://c1.tilecache.osgeo.org/wms-c/cache/",
+     "http://c2.tilecache.osgeo.org/wms-c/cache/",
+     "http://c3.tilecache.osgeo.org/wms-c/cache/",
+     "http://c4.tilecache.osgeo.org/wms-c/cache/"],
+    "basic",
+    {
+        serverResolutions: [0.703125, 0.3515625, 0.17578125, 0.087890625,
+                            0.0439453125, 0.02197265625, 0.010986328125,
+                            0.0054931640625, 0.00274658203125, 0.001373291015625,
+                            0.0006866455078125, 0.00034332275390625, 0.000171661376953125,
+                            0.0000858306884765625, 0.00004291534423828125, 0.000021457672119140625],
+        buffer: 4
+    }
+);
+map.addLayer(layer);
+map.setCenter(new OpenLayers.LonLat(0, 0), 0);
\ No newline at end of file



More information about the Commits mailing list