[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