Google Maps Teil 2: Zoomstufe anpassen

Google Maps entwickelt sich zunehmends zu einem mächtigen Tool. Am Anfang war das Satelittenbild, heute markierst du eine Wohnung, deinen Sportplatz oder die geheime Strandbucht vom letzten Urlaub bei Google Maps, setzt noch ein Foto dazu und bindest dies letztendlich in deinen Blog ein. Wie einfach das einbinden seit ein paar Monaten geworden ist, habe ich in meinem letzten Tutorial schon gezeigt. Am Ende blieb ein Problem übrig: das Zoomlevel. Bisher ist es nicht möglich, die ausgewählte Zoomstufe in den Code einzubinden. Dies Problem hat Google bisher nicht gelöst, jedoch hab ich einen Weg gefunden dies manuell zu lösen.

Den Code welchen du zum Einbinden brauchst bekommst du an zwei Stellen, jedoch auch jeweils einen unterschiedlichen Code. Wenn du auf “Url zu dieser Seite” (oben rechts) klickst, öffnet sich ein neue Layer und dort gibts den mit NEU gekennzeichneten Code (“Einzubettenden HTML-Code in Webseite einfügen“). Diesen Code nimmst du nicht, da er die entsprechende Variable zum Zoomlevel nicht enthält. Vielmehr klickst direkt darunter auf “Eingebettete Karten anpassen und Vorschau anzeigen”. Ein PopUp-Fenster öffnet sich. Hier markierst und kopierst du dir den Code aus der dir unter “3. Kopieren Sie diesen HTML-Code, um ihn in Ihre Website einzubetten.” angeboten wird.

Dieser Code enthält jetzt die entsprechende Variable zur GoogleMaps Zoomstufe. Schau dir den ersten Teil des Codes an, der zwischen

<iframe> … </iframe>

steht. Kurz vor </iframe> findest du die Angabe

z=17&

wobei ich mir nicht sicher bin, ob dort immer 17 steht. Manchmal kann es auch nur ne 1 sein oder was anderes. Auf jeden Fall gibt die Zahl das Zoomlevel an, mit dem die Karte eingebunden werden soll. Willst GoogleMaps total eingezoomt einbinden, verwende 17, willst du die ganze Erde darstellen, verwende 1. Dazwischen gibts natürlich noch 15 verschiedene Abstufungen. Aber nur ganze Zahlen, also 2 oder 3 oder …, nicht aber 3,5. Probier einfach rum und schau, was für deinen Zweck optimal ist.

Teil 1 des Tutorials:
Google Maps in deinen Blog einbinden