From e1d715fc94f480cf10ad95a919b3168f1b246b15 Mon Sep 17 00:00:00 2001
From: crschmidt <crschmidt@crschmidt.net>
Date: Sun, 19 Nov 2006 13:21:26 +0000
Subject: [PATCH] Add example for determining lat/lon from pixel, on a mouse
 click.

git-svn-id: http://svn.openlayers.org/trunk/openlayers@1913 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
---
 examples/latlonfrompx.html | 43 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 examples/latlonfrompx.html
diff --git a/examples/latlonfrompx.html b/examples/latlonfrompx.html
new file mode 100644
index 0000000000..db1627ae3f
--- /dev/null
+++ b/examples/latlonfrompx.html
@@ -0,0 +1,43 @@
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+	<title>OpenLayers Cursor Example</title>
+    <style type="text/css">
+        #map {
+			width: 700px;
+			height: 400px;
+            border: 1px solid black;
+        }
+    </style>
+    <script src="../lib/OpenLayers.js"></script>
+    <script type="text/javascript">
+        <!--
+        function init(){
+            var map = new OpenLayers.Map('map', { controls: [] });
+
+            map.addControl(new OpenLayers.Control.PanZoomBar());
+            map.addControl(new OpenLayers.Control.MouseToolbar());
+
+            map.addControl(new OpenLayers.Control.MousePosition());
+
+            var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS", 
+                "http://labs.metacarta.com/wms/vmap0",
+                {layers: 'basic'} );
+
+            map.addLayers([ol_wms]);
+			
+			OpenLayers.Event.observe($('map'),"click",mapclicked.bindAsEventListener(map)); 
+			function mapclicked(e){
+                var lonlat = map.getLonLatFromPixel(e.xy);                
+                alert("Lat: " + lonlat.lat + " (Pixel.x:" + e.xy.x + ")" + "\n" + "Lon: " + lonlat.lon + " (Pixel.y:" + e.xy.y + ")" );
+            };
+			
+            if (!map.getCenter()) map.zoomToMaxExtent();
+        }
+        // -->
+    </script>
+  </head>
+  <body onload="init()">
+    <h1>OpenLayers Cursor Example</h1>
+    <div id="map"></div>
+  </body>
+</html>
