Browse > Startseite / Javascript / Tutorial Google Maps API – Komplettes Beispiel

Tutorial Google Maps API – Komplettes Beispiel

3. August 2009

WP Greet Box icon
Hallo! Um regelmäßig über Neuigkeiten auf dieser Seite informiert zu werden, kannst du den RSS-Feed abonnieren. Mehr Informationen über diese Technik gibt es hier.

Fügt man alle Teile des Tutorials zu einem zusammen, erhält man das folgende JavaScript:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

    <script type="text/javascript">
 
        var address = "Domkloster 4, 50667 Koeln";
        var map = null;
	var geocoder = null;
 
        function addToMap(response) {
           ort = response.Placemark[0];
           point = new GLatLng(ort.Point.coordinates[1],ort.Point.coordinates[0]);
           map.setCenter(point, 13);
           marker = new GMarker(point);
           map.addOverlay(marker);
           marker.openInfoWindowHtml(ort.address);
        }
 
	function initialize() {
        if (GBrowserIsCompatible()) {
            map = new GMap2(document.getElementById("map_canvas"));
            map.setUIToDefault();
            geocoder = new GClientGeocoder();
            geocoder.getLocations(address, addToMap);
         }
	}
    </script>

Es ist vor allem darauf zu achten, das die relevanten Variablen global sind. Ich schreibe das deshalb, da es deswegen in meinem E-Mail-Postfach schon einiges an Irritation gab :) Viel Spaß mit Google Maps und achtet auch auf die neue Kategorie hier im Blog, in der ich regelmäßig Tipps & Tricks zu der Google Maps API verraten werde. (coming soon:)

Ähnliche Beiträge:

3 Antworten auf “Tutorial Google Maps API – Komplettes Beispiel”

killrays →
4. August 2009 um 11:46 Uhr

hallo guido,
danke für das tutorial, finde diese anleitung super!
weiss jemand ob es ein tutorial mit der selben funktion auch für open street maps gibt? auf dem osm wiki liegen die informationen verstreut und sind schwer zusammen zu bringen oder gewisse funktionen sind nicht erklärt.
gruss

kef →
22. November 2009 um 14:47 Uhr

hallo

danke für den code, doch diesen in ein php script einzubinden erzeugt null output. wie wäre es mit einem vollständigen beispiel?

ich möchte ein Js-inputfeld für adresse wobei auf knopfdruck die Lat/Lng erscheint. Ist dies möglich?

Danke und Grüsse

Peter →
19. Januar 2010 um 12:50 Uhr

hallo

erstmal danke für das Tutorial.

Meine Fragen wären:

1. Ist es möglich mehrere Koordinaten die Variable ‘address’ zu übergeben.
2. Kann man diese Variabele über einen URL Parameter adressieren.
z.B http://www.domain.de/seite.htm?address=mehrere Parameter

Grüße und Dank
Peter

Was ist deine Meinung zu diesem Beitrag?