• Sie befinden sich hier:
  • Startseite

Google Maps einbauen mit Phoca Maps

Dieser BLOG Beitrag richtet sich an Joomla Einsteiger und beantwortet die Frage nach einer kostenfreien Lösung, um "Googl Maps" in die Joomlaseite einzubauen.

Jan Pawelka von phoca.cz entwickelt seit Jahren überaus nützliche Extensions, Module und Plugins für das CMS System Joomla und bietet diese darüber hinaus auch noch kostenfrei an.

In diesem Beitrag lernst Du, wie Du innerhalb von 5 Minuten einen "Google Map" Ausschnitt auf Deiner Webseite präsentieren kannst.

Installieren und einrichten

1a.) Downloaden Sie von Phoca die >> Komponente für Joomla 2.5

Phoca Maps Extension downloaden

1a.) Downloaden Sie von Phoca das >> Plugin für Joomla 2.5

Phoca Maps Plugin downloaden

 2.) Danach wie gewohnt im Joomla Backend über --> Erweiterungen --> installieren

Phoca Maps installieren

3.) Die Extension kann dann für den ersten Start "installiert" oder "upgedatet" werden.
In unserem Fall also "installieren"

Phoca Maps installieren

4.) Sie gelangen ins Phoca Dashboard und klicken auf "Maps"

Phoca Maps installieren

5.) Wählen Sie nun "neu" um eine neue Map zu erstellen

Phoca Maps installieren

6.) Fangen Sie am besten mit dem Lokaisieren an. Klicken Sie auf "Koordinaten setzen"

Phoca Maps installieren

7.) Geben Sie nun im unteren Feld Ihre Adresse ein und klicken auf "set"

Phoca Maps installieren

Phoca Maps installieren

8.) Phoca Maps trägt die Koordinaten in das Formular

Phoca Maps installieren

9.) Füllen Sie die restlichen Felder aus. Achten Sie insbesondere auf die korrekten Maße.

Phoca Maps installieren

10.) Nach dem Speichern gelangen Sie in die Listenansicht und können den Code ( blau markiert) kopieren

Phoca Maps installieren

11.) Diesen Code können Sie nun in Ihren Artikel kopieren. Schalten Sie in den HTML Modus (hier Toggle Editor)

Phoca Map installieren

12.) Einen Marker anlegen

Phoca Maps installieren

13.) Formular ausfüllen und die zuvor angelegte Map auswählen

Phoca Maps installieren


14.) Sollte die Karte zu groß sein, liegt es am Zoom-Faktor

Phoca Maps installieren

15.) Stellen Sie den Zoomfakor von Null auf einen Wert bis 19 (im Beispiel 17)

Phoca Maps installieren

Phoca Maps installieren

Fertig.

Ich hoffe, diese kleine Anleitung konnte Ihnen helfen.
Natürlich freue ich mich über Ihren Kommentar hier unten:)

  • Gelesen: 1144