So verbinden und suchen Sie mit Joomla und OpenStreetMap

Wenn wir einen Service über unsere Website anbieten oder wenn wir physische Niederlassungen haben, ist es sehr wichtig, dass Kunden den genauen Standort kennen, da dies eine größere Sicherheit bietet, wenn sie uns als ihre beste Option wählen und die beste Option, um sie den genauen Standort wissen zu lassen, ist die Verwendung einer Karte.

Joomla bietet viele Möglichkeiten, Karten einzubetten, und eine der besten Optionen ist My Maps Locations, das es Ihnen ermöglicht, Ihre Site mit Kartenanbietern wie Google Maps, Bing und OpenStreetMap zu verbinden.
OpenStreetMap ist ein sehr beliebter Kartenanbieter mit vielen Möglichkeiten, um es mit Ihrer Site zu verbinden, aber Sie könnten Hilfe von einem Entwickler benötigen, um dies zu erreichen, also keine Sorge mehr, My Maps Locations bietet Ihnen die Möglichkeit, dies auf einfache Weise selbst zu tun. In den nächsten Schritten werden wir sehen, wie einfach es ist, OpenStreetMap mit Joomla zu verbinden.

 Inhaltsverzeichnis

Einrichtung dieser OpenStreetMap Joomla Erweiterung 

Um diese OpenStreetMap-Joomla-Erweiterung zu verwenden, werden wir eine lokal gehostete Joomla-Instanz verwenden.
Um Ihre Joomla-Website mit OpenStreetMap zu verbinden, müssen Sie nur zu Komponenten > My Maps Location > Konfiguration > Allgemeine Konfiguration gehen und OpenStreetMap als Kartenanbieter und auch als Autocomplete-Suche einstellen, dies geschieht einfach durch Anklicken.

Jetzt sollte alles eingerichtet sein. Sie haben die Möglichkeit, den OpenStreetMap-Typ im Tab „Kartenanbieter“ zu ändern.

Wir werden OpenStreetMap.Mapnik verwenden.
Wenn Sie fertig sind, klicken Sie einfach auf Speichern und alles ist erledigt.

Lassen Sie uns Standorte auf dieser Joomla Karten Erweiterung anzeigen 

Jetzt, da wir OpenStreetMaps als Kartenanbieter eingestellt haben, werden wir damit beginnen, Orte und Kategorien hinzuzufügen, um sie im Frontend anzuzeigen. Zuerst werden wir die Kategorie erstellen, in der der Ort hinzugefügt wird.

Eine Kategorie ist, wie die Standorte klassifiziert werden, Kategorien werden im Frontend als Filter angezeigt oder als vordefinierter Parameter in einem Menüpunkt verwendet, um einige kategorisierte Standorte zu laden.
Es wird empfohlen, diese Kategorien zu verwenden, wenn Sie viele Standorte haben, es ist möglich, Kategorien und Unterkategorien zu erstellen. Um eine neue Kategorie zu erstellen, gehen Sie zu Komponenten > My Maps Location > Kategorie und klicken Sie auf Neu.

Jetzt müssen Sie den Titel ausfüllen, und wenn Sie diese Kategorie als Unterkategorie festlegen möchten, müssen Sie im rechten Abschnitt einen übergeordneten Ordner auswählen.

Beachten Sie, dass Sie in diesem Abschnitt diese Kategorie als veröffentlicht/unveröffentlicht festlegen und andere Parameter wie Datenschutz, Sprache, Tags und eine Notiz hinzufügen können. Sie können auch einen Standardmarker für den Standort in der Kategorie im Tab "Bitte wählen Sie einen Marker" definieren, gehen Sie zu diesem Tab und klicken Sie auf AUSWÄHLEN, wählen Sie schließlich den Marker, den Sie verwenden möchten, und klicken Sie auf "Einfügen".

Jetzt, da die Markierung definiert und die Kategorie fertig ist, klicken Sie einfach auf Speichern und alles wird für diese Kategorie abgeschlossen sein. Der nächste Schritt besteht darin, einen neuen Ort zu erstellen, um ihn im Frontend anzuzeigen.
Um einen Ort zu erstellen, gehen Sie zu Komponenten > My Maps Location > Orte > Neu.
Es gibt 3 Felder, die ausgefüllt werden müssen:

• Name des Standorts.
• Kategorie des Standorts.
• Standortdetails (Adresse).

Es gibt 3 Möglichkeiten, die Adresse hinzuzufügen:

• Verwenden Sie das Suchfeld.
• Navigieren Sie auf der Karte und verwenden Sie den Cursor, um einen Standort zu bestimmen.
• Adresse eingeben.

Es gibt andere Felder, die Sie ausfüllen können, aber diese sind erforderlich, für dieses Beispiel werden wir diese 3 Felder ausfüllen.
Für dieses Beispiel werden wir Big Ben als Standort verwenden.

Es ist so einfach wie das Schreiben von “Big Ben” in der Suchleiste und Klicken auf “SUCHEN”. Sie können sich auch auf der Karte bewegen und direkt einen Marker setzen, das Ergebnis ist dasselbe und Sie erhalten automatisch eine Breite und eine Länge ausgefüllt. Alle anderen Informationen über den Ort (Beschreibung, Öffnungszeiten, ...) werden in der Detailansicht des Ortes angezeigt. Der Kontaktlink in der Detailansicht des Ortes bietet die Möglichkeit, einen Kontaktlink, eine E-Mail-Adresse oder eine URL pro Ort hinzuzufügen. Auf dem Frontend wird es eine Kontakt-Schaltfläche geben, die die URL öffnet oder die E-Mail-Aktion ausführt. Klicken Sie abschließend auf Speichern, und der Ort wird erstellt.

Der letzte Schritt besteht darin, den Standort schließlich anzuzeigen. Für dieses Beispiel werden wir den Standort mithilfe eines Moduls hinzufügen. My Maps Location wird mit 2 Modulen für native Standorte und einem weiteren für die Integration von Drittanbietern geliefert (wie ein Modul zur Anzeige von K2-Artikellstandorten).
Das Modul ermöglicht es Ihnen, dieselben Filter wie im Menü zu verwenden, aber in einer Modulposition. Sie können den Standort als Karte oder Liste anzeigen und haben auch die Möglichkeit, einige Standorte oder eine Standortkategorie auszuwählen.
Gehen Sie einfach zu Erweiterungen > Modules und klicken Sie auf Neu, wählen Sie dann das Kartenmodul My Maps Location

In diesem Abschnitt können Sie alles für das Modul einrichten, denken Sie daran, OpenStreetMap als Kartenanbieter festzulegen.

Wir haben die OpenStreetMap-Kategorie als Kategorie für die Karte bezeichnet, die wir zuvor erstellt haben.
Klicken Sie abschließend einfach auf Speichern und das Kartenmodul ist fertig.

Wir haben es zur rechten Sektion hinzugefügt und es sieht ziemlich gut aus.
Wie Sie sehen können, war es wirklich einfach einzurichten und man musste nur einige Dinge anklicken, um es fertigzustellen.

Beginnen Sie mit My Maps Location und erstellen Sie die beste Joomla-Website

In diesem Beitrag haben wir nur einige Funktionen dieser großartigen Erweiterung gezeigt, alle Funktionen wie die Hikashop-Integration sind wirklich einfach zu verwenden und werden Ihre Website wirklich professionell aussehen lassen, also ist die Frage jetzt… Worauf warten Sie? Gehen Sie hier und erhalten Sie jetzt Ihre Mitgliedschaft!