Ergebnis der Geokodierung

Die Google Maps API bietet reichhaltige Möglichkeiten Ihre Adress- bzw. Geodaten darzustellen und zu gewinnen.
Zusammen mit der Zoom-Funktionalität und den Umschaltern "Karte", "Satelit", "Hybrid", können Sie die Koordinaten bis in Ihren "Vorgarten" verfolgen. - Übrigens ist das eine äußerst elegante Methode Geodaten trotz fehlender Ergebnisse der Geokodierung zu bestimmen.

Hier können Sie die den Quelltext für obenstehende Karte kopieren:

First select code, then copy (CTRL-C) & paste (CTRL-V)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Google Maps API</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=Your_Google_API_Code"
        type="text/javascript"></script>
<script type="text/javascript">
    //<![CDATA[

function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));

// Links oben Pfeile und "+" und "-" Tasten
		map.addControl(new GSmallMapControl());

// Rechts oben Tasten "Karte", "Satelit", "Hybrid"
		map.addControl(new GMapTypeControl());

// Geodaten werden unter Karte angezeigt,
		// Bei Verschieben wird Zentrum immer wieder neu angegeben
		GEvent.addListener(map, "moveend", function() {
 		 var center = map.getCenter();
		  document.getElementById("message").innerHTML = "<div style=\"font-family: Verdana,Arial; font-size:12px;\">Kartenmitte (Breite, Länge in °): "+center.toString()+"</div>";
		});

// Breite,Länge
        var center = new GLatLng(50.133404,8.630566);

// Zoomstufe: 1 Überblick... 15 Lupe
        map.setCenter(center, 13);

// Textfenster mit fortlaufendem Text an Koordinaten geheftet
		// HTML-Formatierung möglich
	     map.openInfoWindowHtml(map.getCenter(),"<div style=\"font-family: Verdana,Arial; font-size:12px;\"><b>WebConsultant.de</b><br>Frankfurt am Main<br><a href=\"http://www.webconsultant.de\" target=\"_blank\">Homepage</a><br>"+center.toString()+"</div>");

// verschiebbarer Marker
         var marker = new GMarker(center, {draggable: true});

GEvent.addListener(marker, "dragstart", function() {
          map.closeInfoWindow();
        });

GEvent.addListener(marker, "dragend", function() {
          marker.openInfoWindowHtml("<div style=\"font-family: Verdana,Arial; font-size:12px;\"><b>Aktuelle Position (Breite, Länge)</b><br>"+marker.getPoint().toString()+"</div>");
        });

map.addOverlay(marker);

}
    }

//]]>
    </script>
  </head>