Webdesign Tutorial 6: Einbinden von Google Maps

Google Maps is praktisch um Leuten zu verdeutlichen wo sich eine bestimmte Ortschaft, Lokation, Stadt etc befindet. Einfach einen link zu posten zu Google Maps und zu sagen "sucht es euch dort raus" is nicht wirklich benutzerfreundlich, auch ne starre Karte erfüllt nicht immer den Zweck.

Deshalb hier mal eine kleine Anleitung (is wirklich easy) wie man Google Maps am einfachsten dynamisch integriert.

Voraussetzung

Die Adresse des Objekts. Also am besten Strasse, Nr, PLZ und Ort. Funktioniert aber auch mit Ort oder PLZ allein - abhängig davon was angezeigt werden soll.

Einbinden

Die einfachste Methode ist der Aufruf via Link. Iframe / include wäre ebenfalls möglich, allerdings wird nicht nur die Karte geladen, sondern die komplette Seite. Weshalb im iframe / include die Karte vermutlich untergeht.

Aufrufen

http://maps.google.com/maps?f=q&hl=de&geocode=&q=adresse&t=h&z=18

Den Anfang bis geocode kann man ruhig ignorieren, wichtig sind folgende Parameter:

q: Die Adresse des Objekts. Leerzeichen sollten durch "+" ersetzt werden, müssen aber nicht
t: Ansicht der Karte.
- h = satelitenbild
- p = gelände
- wird der parameter weggelassen, wird die karte gezeigt
z: zoom.
- ganz nah: 20
- ganz weg: 0

So kann realtiv einfach via php die Adresse aus der DB gelesen, zusammengebaut und anschließen in den Link eingefügt werden.

Routenplan

http://maps.google.com/maps?f=d&hl=de&geocode=&saddr=start&daddr=ziel&t=h&z=13

saddr = startadresse (str, nr, plz, ort)
daddr = zieladresse (destination) (str, nr, plz, ort)

Beispiel:

addr=am+see+3,+94999+musterhausen