[OpenLayers-Commits] r11278 - sandbox/crschmidt/pan-tap/examples

Wed Feb 23 04:26:17 EST 2011

Author: crschmidt
Date: 2011-02-23 01:26:17 -0800 (Wed, 23 Feb 2011)
New Revision: 11278

Modified:
   sandbox/crschmidt/pan-tap/examples/lite.html
Log:
Simple example for testing touch event ordering on mobile browsers


Modified: sandbox/crschmidt/pan-tap/examples/lite.html
===================================================================

--- sandbox/crschmidt/pan-tap/examples/lite.html	2011-02-23 09:23:36 UTC (rev 11277)
+++ sandbox/crschmidt/pan-tap/examples/lite.html	2011-02-23 09:26:17 UTC (rev 11278)
@@ -5,17 +5,32 @@
     <title>OpenLayers Basic Single WMS Example</title>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
     <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="style.mobile.css" type="text/css" />
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
         var map, layer;
         function init(){
-            map = new OpenLayers.Map( 'map' );
+            var click = new OpenLayers.Control.Click({
+                onClick: function(e) {
+                    map.panTo(map.getLonLatFromPixel(e.xy));
+                }
+            });
+            map = new OpenLayers.Map( 'map', {controls:[new OpenLayers.Control.ZoomPanel()]} );
             layer = new OpenLayers.Layer.WMS( "OpenLayers WMS",
                     "http://vmap0.tiles.osgeo.org/wms/vmap0",
                     {layers: 'basic'} );
             map.addLayer(layer);
             map.zoomToMaxExtent();
+            map.addControl(click);
+            //click.activate();
+            map.div.addEventListener("mousedown", function() { log("mousedown"); }, null);
+            map.div.addEventListener("mousemove", function() { log("mousemove"); }, null);
+            map.div.addEventListener("mouseup", function() { log("mouseup"); }, null);
+            map.div.addEventListener("click", function() { log("click"); }, null);
         }
+        function log(text) {
+            $("foo").value += "\n" + text;
+        }
     </script>
   </head>
   <body onload="init()">
@@ -32,5 +47,6 @@
     <div id="docs">
         This example shows a very simple layout with minimal controls.  This example uses a single WMS base layer.
     </div>
+    <textarea id="foo" cols='50' rows='10'</textarea>
   </body>
 </html>

