Möchten Sie eine interaktive Karte in WordPress hinzufügen? Mit interaktiven Karten können Ihre Benutzer Routen, Reisen und Reiserouten entdecken, indem Sie auf die Markierungen auf der Karte klicken oder die Maus bewegen. In diesem Artikel zeigen wir Ihnen, wie Sie auf einfache Weise eine interaktive Karte in WordPress hinzufügen können.
Videoanleitung
Abonnieren Sie WPBeginner
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
Methode 1: Fügen Sie mit Google My Maps eine interaktive Karte in WordPress hinzu
Diese Methode ist einfacher und erfordert nicht, dass Sie ein Plugin auf Ihrer WordPress-Site installieren.
Zunächst müssen Sie die Google My Maps-Website besuchen und auf die Schaltfläche “Neue Karte erstellen” klicken.
Dadurch gelangen Sie zur Kartenbearbeitungsseite. Auf diesem Bildschirm können Sie Ihre Karte erstellen, indem Sie eine Grundkarte auswählen, POIs, Layer und mehr hinzufügen.
Über die Symbolleiste oben können Sie Linien auf der Karte zeichnen, Routen hinzufügen, Lineale verwenden und Elemente auswählen.
Alle Kartenelemente werden links in Ebenen gespeichert. Sie können Ebenen hinzufügen, bearbeiten, umbenennen oder sogar entfernen. Sie können auch auf ein beliebiges Element in Ihrer Ebene klicken, um eine Beschreibung hinzuzufügen, den Titel zu ändern oder Fotos / Videos hinzuzufügen.
Nachdem Sie Ihre Karte bearbeitet haben, müssen Sie sie veröffentlichen, bevor Sie sie auf Ihrer Website verwenden können. Klicken Sie dazu im Bearbeitungsfeld auf die Schaltfläche “Teilen”.
Dadurch wird das Freigabecenter geöffnet, in dem Sie im Abschnitt “Wer hat Zugriff” auf “Ändern” klicken müssen.
Als nächstes müssen Sie “Aktiviert – Öffentlich im Web” auswählen und dann auf die Schaltfläche Speichern klicken.
Klicken Sie anschließend auf “Fertig”, um den Freigabe-Hub zu schließen.
Klicken Sie im Bearbeitungsfeld auf das Menüsymbol neben dem Kartennamen und wählen Sie dann “In meine Site einfügen”.
Sie sehen nun den Einbettungscode, den Sie kopieren müssen.
Gehen Sie dann zu dem Beitrag oder der Seite, auf der Sie Ihre interaktive WordPress-Karte hinzufügen möchten. Auf dem nachfolgenden Bearbeitungsbildschirm müssen Sie zum Texteditor wechseln und den Einfügecode der zuvor kopierten Karte einfügen.
Jetzt können Sie Ihre Änderungen speichern und eine Vorschau Ihres Beitrags anzeigen, um Ihre interaktive Karte in Aktion zu sehen.
Methode 2: Fügen Sie mithilfe des Plugins eine interaktive Karte in WordPress hinzu
Sie können zwar interaktive Karten mit Google Maps erstellen und hinzufügen, es fehlen jedoch bestimmte Funktionen und sie sind auf Google Maps beschränkt.
Wenn Sie Open Street Maps, Bing oder andere Kartendienste verwenden möchten, ist diese Methode genau das Richtige für Sie.
Als erstes sollten Sie das Maps Marker Pro-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.
Nach der Aktivierung müssen Sie besuchen Karten Marker Pro Seite, um Ihre interaktive Karte zu erstellen. Um zu beginnen, müssen Sie auf die Schaltfläche “Neue Ebene hinzufügen” klicken.
Als Nächstes müssen Sie einen Namen für Ihre Ebene angeben und auf Veröffentlichen klicken.
Nachdem Sie eine Ebene erstellt haben, können Sie ihr Kartenmarkierungen hinzufügen. Gehen Maps Marker Pro »Neuen Marker hinzufügen Seite, um Ihr erstes Lesezeichen hinzuzufügen.
Sie müssen zuerst einen Titel für die Markierung eingeben, dann nach dem Ort suchen und ihn auswählen.
Sie müssen Ihren Marker auch auf der zuvor erstellten Ebene platzieren. Sie können dies tun, indem Sie den Namen der Ebene in das Ebenenfeld eingeben und auswählen.
Vergessen Sie nicht, auf die Schaltfläche “Veröffentlichen” zu klicken, um Ihr Lesezeichen zu speichern.
Wiederholen Sie den Vorgang, um der Ebene weitere Markierungen hinzuzufügen.
Sobald Sie mit dem Hinzufügen von Lesezeichen fertig sind, können Sie jeden WordPress-Beitrag oder jede WordPress-Seite bearbeiten, auf der Sie die Karte hinzufügen möchten.
Klicken Sie im Bildschirm zum Bearbeiten von Veröffentlichungen auf die Schaltfläche “Karte hinzufügen”.
Ein Popup-Fenster mit allen Kartenmarkierungen und dem zuvor erstellten Layer wird angezeigt. Sie müssen den Layer auswählen und auf die Schaltfläche Karte einfügen klicken.
Das Plugin fügt den erforderlichen Shortcode in Ihren Post-Editor-Bereich ein. Sie können jetzt Ihren Beitrag und Ihre Vorschau speichern oder veröffentlichen, um Ihre interaktive Karte anzuzeigen.
Sie können Ihre Hauptebene jederzeit bearbeiten, um die Größe und die Abmessungen der Karte anzupassen.
Maps Marker Pro ist ein leistungsstarkes Plugin mit unzähligen Optionen wie mehrschichtigen Karten, benutzerdefinierten Markierungen, Wegbeschreibungen, GPX-Unterstützung, Exportkarten in mehreren Formaten und mehr. Sie können diese Optionen erkunden, um Ihre Karten noch interaktiver zu gestalten.
Wir hoffen, dieser Artikel hat Ihnen geholfen, das Hinzufügen einer interaktiven Karte in WordPress zu lernen. Sie können auch unsere Liste der besten Google Maps-Plugins für WordPress anzeigen.
Wenn dir dieser Artikel gefallen hat, abonniere unseren YouTube-Kanal, um WordPress-Tutorial-Videos anzusehen. Sie finden uns auch unter Twitter und Facebook.
