koordinaten via click herausfinden

html/geomap.html

@@ -58,6 +58,7 @@
         <li><a href="nodes.html">Knotengraph</a></li>
         <li><a href="geomap.html">Knotenkarte</a></li>
       </ul>
+      <button id="gpsbutton">Koordinaten beim nächsten Klick anzeigen</button>
     </header>
     <div id="map"></div>
   </body>

html/geomap.js

@@ -48,6 +48,15 @@ arrayOSM = ["http://otile1.mqcdn.com/tiles/1.0.0/osm/${z}/${x}/${y}.jpg",
   click.activate();
 
   load_json(vectorLayer, map)
+
+  d3.selectAll("#gpsbutton").on("click",  function() {
+    function clickhandler(e) {
+      var lonlat = map.getLonLatFromViewPortPx(e.xy).transform(map.getProjectionObject(), new OpenLayers.Projection("EPSG:4326"))
+      alert(lonlat.lon + " " + lonlat.lat)
+      map.events.unregister("click", map, clickhandler)
+    }
+    var clickevent = map.events.register("click", map, clickhandler)
+  })
 }
 
 function resizeMap()