Wie binde ich Google Maps in meine Website ein?

Schlagworte: Google Maps

Mit Google Maps wird dem Anwender eine Applikation an die Hand gegeben, welche deutlich mehr als nur einen Kartenausschnitt anzeigen oder mit der man eine Reiseroute berechnen kann. Ich möchte jedoch die einfachste aller Möglichkeiten zunächst vorstellen, bevor ich mich in weiteren Anleitungen mit umfangreicheren Google Maps Entwicklungen befasse.

Der Ablauf um Google Maps in die eigene Website einzubetten, sprich zu integrieren, ist der Selbe wie bei Bing Maps.

Kartenausschnitt wählen
Wählen Sie mit Google Maps zunächst den Kartenausschnitt aus, welcher auf Ihrer Website angezeigt werden soll. Hierbei können Sie selbstverständlich auch auf die Zoom-Funktion setzen und auch direkt die Ansicht, ob nun normale Kartenansicht, Satellit oder Hybrid wählen.
Link zum Kartenausschnitt erhalten
Google Maps Link in E-Mail, Chat einfügen oder als HTML-Code, zum Einbetten in Website einfügen – alles kein Problem. Auch können Sie hier den Link für E-Mail, Chat, Twitter oder Facebook in Form einer ShortURL ausgeben lassen. Klicken Sie hierzu zunächst oben rechts das Link Icon (siehe Screenshot).
HTML Code kopieren
Möchten Sie den Code in dieser Form für Ihre Website übernehmen, kopieren Sie einfach den Code unterhalb von “HTML-Code zum Einbetten in eine Website” in die Zwischenablage (STRG+A zum Markieren des kompletten Codes und STRG+C um diesen in die Zwischenablage zu kopieren).
Eingebettete Google Maps Karte anpassen
Möchten Sie dagegen die Größe der Kartenansicht noch anpassen, klicken Sie auf “Eingebettete Karte anpassen und Vorschau anzeigen”. Hier haben Sie die Möglichkeit aus bereits vordefinierten Größen zu wählen oder aber selbst eine Kartengröße festzulegen. Direkt unter der Vorschauansicht wird der HTML-Code nach jeder Ihrer Veränderungen modifiziert ausgegeben. Kopieren Sie diesen nun in die Zwischenablage (STRG+C).
Binden Sie den Code in Ihre Website ein
Da ich nicht weiß, mit welcher Software Sie arbeiten, kann ich Sie hier nur dazu auffordern bei Problemen und Fragen auf die Kommentarfunktion zurückzugreifen. Selbstverständlich werde ich versuchen auf alle Fragen und Probleme eine Lösung auszuarbeiten und diese im Anschluss in den Artikel einfließen zu lassen.