joom.team Logojoom.team Logo
  • +49 (89) 125 018 524
  • mail@joom.team
    • DE
    • EN
  • Home
  • Entwicklung
  • Updates & Wartung
  • Referenzen
  • Joomla Wiki
  • Über uns

Einbinden von Google Maps auf Ihrer Joomla-Seite

Google Maps ist das populärste Karten- und Navigationswerkzeug der Welt. Eingebettete Karten von Google Maps sind auf vielen Webseiten ein Standardfeature.

In diesem Artikel erklären wir Ihnen, wie Sie Google Maps auf Ihrer Joomla-Seite einbetten können, damit Ihre Nutzer den Standort Ihres Unternehmens einfach finden.

Auswählen einer Google Maps-Erweiterung

Im Joomla Extension Directory ist eine große Anzahl von Google Maps-Erweiterungen verfügbar. Wir ermutigen Sie zu experimentieren, zu recherchieren und dann zu entscheiden, was für Sie die beste Wahl ist.

Im Rahmen dieses Artikels werden wir jedoch das Embed Google Map Plugin von Petteri Kivimäki verwenden. Sie können diese Erweiterung hier finden und aus dem JED herunterladen.

Wenn Sie sich nicht sicher sind, wie man eine Joomla-Erweiterung installiert, empfehlen wir Ihnen zunächst unseren Wiki-Artikel Wie installiert man eine Joomla-Erweiterung? zu lesen.

Installation des Plugins

Wir nehmen den kürzesten Weg und verwenden Joomlas eigenes Install from Web-Feature, um das Plugin direkt über das Joomla Backend zu installieren:

  1. Melden Sie sich im Backend Ihrer Joomla-Seite an.
  2. Gehen Sie zu Erweiterungen > Verwaltung > Installieren
  3. Suchen Sie nach "Embed Google Map" und wählen Embed Google Map aus den Suchergebnissen aus.
  4. Klicken Sie auf den Installieren Button, um das Plugin zu installieren.
installing-plugin
Installation des Plugins

Aktivieren des Plugins

Sobald die Installation abgeschlossen ist, müssen wir das Plugin schnell aktivieren, damit es für den Gebrauch zur Verfügung steht:

  1. Gehen Sie im Backend zu Erweiterungen > Plugins
  2. Finden Sie in der Liste der Plugins unser:Inhalt - Google Maps einbetten
  3. Klicken Sie auf das kleine [x] Symbol neben dem Plugin, um es zu aktivieren

Herzlichen Glückwunsch, Sie haben das Plugin aktiviert und können nun auf Ihrer Webseite eine Karte von Google Maps einbinden!

Wie funktioniert das Plugin?

Die meisten Erweiterungen haben ihre eigene Dokumentation - oder zumindest einige häufig gestellte Fragen -, um Ihnen den Einstieg zu erleichtern und Ihnen dabei zu helfen zu verstehen, wie die Erweiterung funktioniert.

Üblicherweise finden Sie einen Link zur Dokumentation im JED. Die Dokumentation zu diesem Plugin finden Sie auf GitHub.

Dort finden Sie die folgende Erklärung, wie Sie eine Karte aus Google Maps auf Ihrer Webseite einbinden können:

documentation
Dokumentation auf GitHub

Einbetten von Google Maps

Um eine Karte einzubetten, müssen wir ein Tag in der Form {google_map}...{/google_map} an der Stelle einfügen, an der wir die Karte hinzufügen möchten.

Zwischen diesen Tags müssen wir die Adresse (oder die Koordinaten) des Standortes angeben. Wir können optional auch eine Vielzahl anderer Einstellungen hinzufügen, um die Einbettung möglichst einfach zu konfigurieren.

Lassen Sie uns also versuchen, eine Karte hinzuzufügen!

Hinzufügen einer Karte zu einem Joomla-Artikel

Suchen Sie den Artikel, dem Sie die Karte hinzufügen möchten, und öffnen Sie ihn im Backend. Geben Sie im Artikel-Editor die folgende Zeile innerhalb des Artikel-Textes ein:

{google_map}Your desired place{/google_map}

embed-in-article
Einbetten der Karte in den Artikel

Speichern Sie nun den Artikel, öffnen Sie die entsprechende Seite auf Ihrer Joomla-Webseite in einem separaten Tab in Ihrem Browser und...voila: Sie haben erfolgreich eine Karte von Google Maps hinzugefügt!

Ich habe die Karte hinzugefügt, was nun?

Wenn Sie das Aussehen der eingebetteten Karte weiter bearbeiten möchten, gibt es viele Optionen, die Sie nach Ihren Wünschen anpassen können.

Sie können die Zoomstufe, den Kartenstil, die Kartengröße, die Darstellung der Pins usw. ändern. Diese Einstellungen können entweder geändert werden:

  • Für alle Karten: innerhalb des Plugins selbst, durch Änderung der Standardeinstellungen für dieses Plugin.
  • Für eine Karte: durch Hinzufügen von zusätzlichem Text zwischen den {google_map} Tags

Details zur Konfiguration dieser Einstellungen finden Sie in der Plugin-Dokumentation. Viel Spaß beim Optimieren! Sie können auf die gleiche Weise auch zusätzliche Karten von Google Maps innerhalb derselben, oder in unterschiedlichen Artikeln hinzufügen.

Letzter Gedanke: Google-Alternativen

Obwohl Google Maps allgemein akzeptiert und verlässlich ist, gibt es, wenn Sie einen anderen Anbieter in Anspruch nehmen müssen, mehrere Alternativen zu Google Maps, die Sie ausprobieren und nutzen können.

Ein Beispiel ist OpenStreetMap,ein Google Maps-Konkurrent, der vollständig als Open Source angeboten wird. Es gibt mehrere gut unterstützte OpenStreetMap-Erweiterungen für Joomla, zum Beispiel das OSModul by Martin Kröll. Diese Alternativen funktionieren sehr ähnlich wie das oben beschriebene Plugin.

Einbinden von Google Maps auf Ihrer Joomla-Seite
Google Maps ist das populärste Karten- und Navigationswerkzeug der Welt. Eingebettete Karten von Google Maps sind auf vielen Webseiten ein Standardfeature. In diesem Artikel erklären wir Ihnen, wie Sie Google Maps auf Ihrer Joomla-Seite einbetten können, damit Ihre Nutzer den Standort Ihres Unternehmens einfach finden.
Installieren Sie Ihr Lieblings-Google Maps-Plugin vom JED
Es gibt viele Plugins, die speziell für die Aktivierung von Google Maps entwickelt wurden auf Ihrer Joomla-Site. In diesem Tutorial verwenden wir "Google Map einbetten". von Petteri Kivimäki.
Aktiviere das installierte Plugin
Suchen Sie das neu installierte Plugin unter Extensions > Plugins und aktivieren Sie es.
Betten Sie die Karte in Ihren Joomla-Artikel ein
Öffnen Sie den entsprechenden Artikel und fügen Sie ihn hinzu '{google_map}Ihr gewünschter Ort{/google_map}' am gewünschten Ort.
Ändern Sie das Erscheinungsbild der eingebetteten Karte
Für alle Maps: Sie können die globalen Darstellungseinstellungen im Plugin selbst ändern (Extensions > Plugins).
Für eine Karte: Sie können das Erscheinungsbild einer bestimmten Karte ändern, indem Sie zusätzlichen Text zwischen die {google_map} -Tags einfügen. Weitere Informationen finden Sie in der Plugin-Dokumentation.

Kontaktieren Sie uns!

Bitte geben Sie eine gültige Website-URL ein.
Bitte geben Sie eine gültige E-Mail-Adresse ein.
Bitte geben Sie eine gültige Telefonnummer ein.
Invalid Input
Bitte stimmen Sie unserer Datenschutzerklärung zu.
Die hier erhobenen personenbezogenen Daten werden nur für die interne Bearbeitung verwendet und nicht an Dritte weitergegeben. Bitte beachten Sie unsere Datenschutzerklärung.

München, Deutschland | Boston, USA | Manchester, UK | Zagreb, Kroatien

joom.team ist Teil von HV Digital. HV Digital GmbH

joom.team ist weder mit Joomla Project noch Open Source Matters affiliiert und wird auch nicht durch diese gesponsert. Der Joomla Name und das Joomla Logo werden im Rahmen einer limitierten Lizenz verwendet, die von Open Source Matters als der Markeninhaberin in den Vereinigten Staaten und anderen Ländern erteilt wurde.

© Copyright 2023
Datenschutz |  Impressum

  • Home
  • Entwicklung
  • Updates & Wartung
  • Referenzen
  • Joomla Wiki
  • Über uns