- By Kevin Muldoon
- Last updated: 21. November 2020
Google Maps, eines der Flaggschiffe von Google, ist der mit Abstand beliebteste Kartendienst im Internet.
Erstmals im Jahr 2005 gestartet, wurde der Dienst seitdem in Websites, Apps und mehr integriert. Möglich wurde dies durch die Google Maps API, die es Produkten und Diensten von Drittanbietern erlaubt, Google Maps einzubetten.
WordPress hat eine großartige Unterstützung für Google Maps, und es gibt viele WordPress-Plugins auf dem Markt, die Ihnen helfen, es in Ihre Kontaktseite, About Page, Sidebar oder wo auch immer Sie wollen, zu integrieren. Viele WordPress-Themes haben auch Google Maps-Funktionalität eingebaut.
In diesem Artikel werde ich die besten Google Maps-Plugin-Lösungen für WordPress vorstellen.
Beschaffung eines Google Maps-API-Schlüssels
Seit 2016 verlangt Google, dass Website-Betreiber Anfragen mit einem Google Maps-API-Schlüssel stellen. Die meisten Google-Maps-WordPress-Plugins erfordern die Eingabe dieses API-Schlüssels, um Karten in Ihre Website zu integrieren. Es gibt jedoch einige Lösungen, die diesen Aspekt für Sie übernehmen.
Als diese Änderung vorgenommen wurde, bot Google bis zu 25.000 kostenlose Kartenladungen pro Monat an. Jetzt bietet es stattdessen ein Guthaben im Wert von 200 Dollar an. Schauen Sie sich das Preisblatt von Google an, um besser zu verstehen, was Sie dafür bekommen.
Das monatliche Guthaben von $200 sollte für die meisten kleinen bis mittelgroßen Websites ausreichend sein. Wer jedoch eine stark frequentierte Website hat, muss möglicherweise für zusätzliche Kartenlasten bezahlen.
Um einen API-Schlüssel zu erhalten, müssen Sie sich bei der Google Cloud Platform (GCP) anmelden. Es dauert nur wenige Minuten, um sich zu registrieren und den Schlüssel abzurufen.
Sie werden gefragt, ob Sie Karten, Routen und Orte wünschen. Meine Empfehlung ist, alle drei auszuwählen, damit alle Google Maps-Funktionen für Ihre Website verfügbar sind.
Nach ein paar weiteren Schritten erhalten Sie den API-Schlüssel, den Sie benötigen, um Google Maps auf Ihrer Website zu verwenden.
Schauen Sie sich die Seite der Google Maps-Plattform an, um einen Google Maps-API-Schlüssel für Ihre Website zu erstellen und mehr darüber zu erfahren, wie das Ganze funktioniert.
WP Google Maps (FREE/$9.99-plus)
WP Google Maps ist eine der beliebtesten Google-Maps-Lösungen für WordPress und wird auf mehr als 400.000 Websites aktiv genutzt.
Die Erstellung neuer Karten mit dem Plugin ist fantastisch. Sie können Marker, Linien, Polygone und andere Formen zu Ihrer Karte hinzufügen. Es stehen zehn Themen zur Verfügung, und Sie können Verkehrsschichten, Fahrradschichten, Richtungen und die maximale Zoomstufe aktivieren.
Nachdem Sie Ihre Karte erstellt haben, kann sie über einen Shortcode in Ihre Website eingefügt werden.
Im Haupteinstellungsbereich können Sie Kartensteuerungen wie Zoom, Straßenansicht und ob eine Maus verwendet werden kann aktivieren und deaktivieren. Es gibt auch viele Optionen, mit denen Sie festlegen können, wie Markierungen gehandhabt werden.
Wenn Sie Ihren Google Maps API-Schlüssel nach der Aktivierung nicht eingegeben haben, können Sie dies im erweiterten Bereich tun, wodurch sichergestellt wird, dass das Plugin Karten abrufen kann. Im Bereich der erweiterten Einstellungen können Sie außerdem benutzerdefiniertes CSS und benutzerdefiniertes JavaScript hinzufügen.
Für WP Google Maps stehen drei Premium-Addons zur Verfügung.
Das Addon „Visitor Generated Markers“ ist mit 9,99 US-Dollar das günstigste. Wie der Name schon sagt, erlaubt es Website-Besuchern, ihre eigenen Markierungen zu Karten hinzuzufügen.
Das Gold-Addon kostet 29,99 $ für eine Drei-Webseiten-Lizenz und fügt Marker-Clustering und Echtzeit-Standortverfolgung hinzu.
Das umfangreichste Addon ist das Pro-Addon, das benutzerdefinierte Felder, eine verbesserte Benutzeroberfläche, benutzerdefinierte Datenquellen, Zeitplanung, verbesserte Marker-Filterung, Leistungssteigerung, Mappity-Integration und Richtungs-Wegpunkte hinzufügt.
Die Preise für das Pro-Addon beginnen bei 39,99 $ für eine Drei-Webseiten-Lizenz.
Es dauert nur wenige Minuten, um zu erkennen, warum WP Google Maps so beliebt ist. Die Kernversion ist kostenlos herunterzuladen, einfach zu bedienen und hat hunderte von Funktionen.
Ich empfehle, es auszuprobieren.
Google Maps Locator Plugin für WordPress ($27)
Google Maps Locator Plugin für WordPress ist eine hochgradig anpassbare Kartenlösung, die es Besuchern ermöglicht, Einträge und Markierungen im Frontend Ihrer Website einzureichen.
Einträge können mit Videos versehen und mit einem Sterne-Bewertungssystem bewertet werden. Es gibt einige coole Kartenfunktionen, wie z.B. die Möglichkeit, auf der Karte zu zeichnen, innerhalb eines bestimmten Radius zu suchen und die Geolocation automatisch anzuzeigen.
Es gibt ein Dutzend Kartentypen und ein Dutzend Kartenstile, was Ihnen eine Menge Flexibilität gibt, welche Arten von Karten Sie erstellen.
Zum Beispiel gibt es eine Vollbildkarte, eine Karte, die benutzerdefinierte Inhaltsfelder anzeigt, eine AJAX-gesteuerte Karte, eine Clusterkarte und eine Anfahrtskarte.
Im Einstellungsbereich können Sie Ihren Google Maps API-Schlüssel eingeben und wichtige Funktionen für Listen, Markierungen, Suche und E-Mail-Benachrichtigungen aktivieren und deaktivieren.
Auch das Farbschema von Links, Buttons und Menüs kann angepasst werden.
Das Google Maps Locator Plugin für WordPress ist für 27$ bei CodeCanyon erhältlich. Es ist eine vielseitige Lösung mit vielen tollen Kartendesigns und Unterstützung für Medienanhänge.
Simple Google Maps Shortcode (FREE)
Wer eine einfachere Lösung sucht, sollte sich Simple Google Maps Shortcode ansehen.
Wie der Name schon sagt, können Sie mit diesem Plugin Karten über einen Shortcode in Ihre Website einbinden – dazu müssen Sie nur die Adresse der Karte und Ihren Google Maps API-Schlüssel angeben. Die Karte wird dann für drei Monate über die WordPress Transients API zwischengespeichert.
Es gibt keine Einstellungsseite, die Ihnen hilft, Ihre Karten zu modifizieren, aber Sie können die Dinge mit Hilfe von Attributen ein wenig verändern.
Es gibt Attribute zum Ändern der Breite und Höhe Ihrer Karte, zum Deaktivieren des Scrollens mit dem Mausrad und zum Deaktivieren der Kartensteuerung.
Wenn Sie nicht den ganzen Schnickschnack brauchen, den andere Google Maps Lösungen bieten, ist Simple Google Maps Shortcode das Richtige für Sie.
Maps Marker (FREE/€39-plus)
Maps Marker ist ein WordPress-Karten-Plugin, das mit Google Maps, Open Street Map, Bing, Mapbox und eigenen WMTS-Karten funktioniert. Die Entwickler bezeichnen das Plugin auf WordPress.org noch als Leaflet Maps Marker, vermarkten es aber überall sonst als Maps Marker.
Mit dem Plugin können Sie Marker für Orte hinzufügen und diese Marker dann mit Hilfe von Ebenen organisieren. Wenn Sie einen neuen Marker hinzufügen, können Sie auch die Größe der Karte und die Zoomstufe festlegen, während der Wechsel vom vereinfachten Editor zum erweiterten Editor eine große Sammlung von Symbolen zur Auswahl lädt.
Fertige Karten können über Shortcodes in Beiträge und Seiten eingefügt werden.
Es gibt auch eine Import- und Export-Seite für Marker und Ebenen, die nützlich ist, um Karten zu sichern und auf andere Websites zu übertragen.
Eine eigene Tools-Seite ermöglicht es, Einstellungen zu sichern und die Standardkarte zu definieren, die verwendet wird, zusammen mit Standard-Karteneinstellungen und mehr.
Weitere Optionen sind auf der Haupt-Einstellungsseite verfügbar, wo Sie die Kontrolle über Standard-Kartenwerte, Ortseinstellungen, die Standard-Basiskarte (z.z.B. Open Streep Map oder Google Maps), Overlays, Ebenen und andere erweiterte Einstellungen.
Maps Marker Pro ist ab 39 € für eine Einzellizenz erhältlich, mit einem Jahr Support und Updates. Das Upgrade schaltet alle Pro-Funktionen frei, die in der kostenlosen Version eingeschränkt sind, darunter Augmented Reality, verbesserte Google Maps-Leistung, Marker-Clustering, Kartenfilterung, GPX-Tracks, Höhentracks und mehr.
Wenn Sie erst einmal verstanden haben, wie Marker und Layer mit Karten interagieren, werden Sie schätzen, wie mächtig Maps Marker ist. Das Plugin hat Hunderte von Einstellungen, die Ihnen helfen, Karten anzupassen, und die meisten der Hauptfunktionen sind in der kostenlosen Version verfügbar.
Google Maps Widget (FREE/$18.99-plus)
Google Maps Widget ist eine schnell ladende Google Maps-Lösung, die Ihnen hilft, Karten in Widget-Bereiche wie den Header, Footer oder die Sidebar Ihrer Website zu integrieren. Es verfügt über mehr als 100.000 aktive Installationen auf WordPress.org.
Jede Karte wird innerhalb des Karten-Widgets konfiguriert, und Sie können den Kartentyp, die Zoomstufe und das Aussehen der Stecknadel anpassen – und sogar die Karte mit einer bestimmten URL (z.B. Ihrer Website-Kontaktseite) verknüpfen. Wenn ein Nutzer auf die Miniaturkarte klickt, kann er zu einer größeren interaktiven Karte weitergeleitet werden, die für eine bessere Darstellung eine Lightbox verwendet.
Die Entwickler weisen darauf hin, dass das Google Maps Widget Thumbnail die Google Maps Static Maps API verwendet, um Karten zu speichern, und dass ihre Karten in einer Anfrage geladen werden, anstatt der über 20 Anfragen, die andere Lösungen benötigen. Dies kann anscheinend die Gesamtseitengröße in einigen Fällen um 2 MB reduzieren.
Die Techniken, die sie zum Laden von Karten verwenden, liegen jenseits meiner technischen Erfahrung, aber ich kann mit Überzeugung sagen, dass Google Maps Widget Karten deutlich schneller lädt als andere Google Maps-Lösungen, was zweifellos eine der besten Eigenschaften des Plugins ist.
In der kostenlosen Version von Google Maps Widget können Sie auf der Einstellungsseite des Plugins lediglich Ihren Google Maps API Schlüssel hinzufügen. Die erweiterten Einstellungen und Optionen zum Importieren von Pins und Widgets stehen erst nach einem Upgrade auf die Pro-Version zur Verfügung.
Google Maps Widget Pro ist ab 18,99 $ pro Jahr erhältlich und bietet zusätzlich zu den oben genannten Funktionen die Möglichkeit, Karten über einen Shortcode in Beiträge, Seiten und andere benutzerdefinierte Beitragstypen einzufügen.
Insgesamt bietet Google Maps Widget Pro mehr als 50 Funktionen, wie z.B. Skins, Unterstützung für mehrere Kartenpins, Clustering von Kartenpins und Integration von Google Analytics.
Wenn Sie auf der Suche nach einer schnellen Google Maps Lösung sind, die sich in das Design Ihrer Website einfügt, ist Google Maps Widget das richtige Plugin für Sie.
Die kostenlose Version sollte für die meisten Nutzer ausreichend sein, da sie Ihnen die volle Kontrolle über jede Karte gibt. Die kostenlose Version sollte den meisten Nutzern genügen, da Sie die volle Kontrolle über jede Karte haben. Die Funktionen von Google Maps Widget Pro reichen jedoch aus, um ein Upgrade zu rechtfertigen.
Hero Maps Premium ($20)
Hero Maps Premium ist eine großartige Google Maps-Lösung, die es Ihnen ermöglicht, responsive Karten im Vollbildmodus oder mit fester Breite anzuzeigen.
Drei Icon-Packs ermöglichen es Ihnen, professionell aussehende Markierungen zu Ihren Karten hinzuzufügen, und es gibt eine Option, Ihre eigenen Icons hochzuladen. Alles, was Sie tun müssen, um eine Markierung hinzuzufügen, ist ein Icon auf die Karte zu ziehen.
Markierungen können auch kategorisiert werden, damit Besucher die Ergebnisse filtern können. Zum Beispiel können Sie Kategorien für Hotels, Geschäfte, Cafés und Parkplätze einrichten.
Eine Vielzahl von Farbschemata steht zur Verfügung, und Sie können auch Formen auf Karten zeichnen. Alle von Ihnen erstellten Karten können auch exportiert werden.
Was Hero Maps Premium von anderen Lösungen abhebt, ist sein Design. Die gesamte Erfahrung bei der Verwendung einer Karte ist hervorragend – von den animierten Markern bis hin zu den flüssigen Zoomkontrollen. Auch die Filter verbessern das Benutzererlebnis erheblich.
Hero Maps Premium ist für nur $20 bei CodeCanyon erhältlich. Ich empfehle, die Demo auszuprobieren, um einen Eindruck davon zu bekommen, wie stilvoll die Karten sind.
WP Google Map Plugin (FREE/$59)
WP Google Map Plugin, nicht zu verwechseln mit WP Google Maps (Nummer eins auf unserer Liste), ist eine vielseitige Kartenlösung, die Marker, mehrere Kartentypen und mehrere Standorte unterstützt. Es ist derzeit auf mehr als 100.000 WordPress-Websites aktiv.
Wenn Sie einen neuen Standort hinzufügen, können Sie definieren, was passiert, wenn ein Benutzer auf die Karte klickt – und Sie können auch Marker einer Gruppe zuweisen. Bei den Karten können Sie die Höhe und Breite der Karte, die Zoomstufe und die Art der Karte festlegen und bereits erstellte Standorte zuweisen.
Ihr Google Maps API-Schlüssel muss auf der Haupteinstellungsseite eingegeben werden.
Die Premium-Version von WP Google Map heißt „Advanced Google Maps Plugin for WordPress“ – nicht WP Google Map Pro. Mit einem Verkaufspreis von 59 $ ist es das meistverkaufte Google Maps WordPress Plugin auf CodeCanyon.
Das Upgrade auf die Premium-Version schaltet benutzerdefinierte Post-Typen, Karten-Skins, Wegbeschreibungen, Marker-Clustering und die Möglichkeit, Marker zu importieren und zu exportieren, frei. Sie können auch Blog-Posts auf Karten anzeigen lassen.
Es bietet außerdem Unterstützung für erweiterte benutzerdefinierte Felder, Filter, HTML-Overlays und das Zeichnen mit Formen.
Es gibt viel, was man an WP Google Map Plugin mögen kann. Es kann mehrere Standorte und mehrere Karten gut handhaben und hat eine gute Dokumentation im Admin-Bereich.
Ich empfehle, es auszuprobieren.
Store Locator (Google Maps) For WordPress ($25)
Besitzer von Online-Shops sollten sich Store Locator (Google Maps) For WordPress ansehen. Das Plugin kann verwendet werden, um Karten zu erstellen, die Geschäfte in der Nähe des Standorts eines Benutzers anzeigen.
Es verfügt über drei verschiedene Vorlagenstile und ermöglicht die Anzeige von Standorten im Listen- oder Akkordeonstil, während auch Marker und Marker-Cluster verfügbar sind. All diese Funktionen geben Ihnen eine gewisse Flexibilität, wie Ihre Karte aussieht.
Alle Geschäfte können kategorisiert werden, und Sie können eine Artikelbox für jedes Geschäft anzeigen. Eine Liste von Geschäften kann über eine XLS-Datei importiert werden, und Sie können sogar ein Logo oder ein Bild an die Artikelbox anhängen, um ein Geschäft hervorzuheben.
Einkäufer erhalten eine Reihe von Funktionen, die ihnen helfen, das Geschäft zu finden, das sie suchen.
Sie können einen Standort in die Karte eingeben oder ihren Standort automatisch mit Hilfe der Geolocation-Funktionalität des Browsers auswählen.
Unterhalb der Hauptkarte befindet sich ein großes Bedienfeld, mit dem der Kunde das Aussehen der Karte und die angezeigten Inhalte ändern kann. Die Karte kann sich drastisch verändern, wenn Optionen wie das Template und die Standardkarte geändert werden.
Store Locator (Google Maps) For WordPress kostet $25 bei CodeCanyon.
Da alle Funktionen und Einstellungen auf das Auflisten von Geschäften ausgerichtet sind, ist Store Locator nicht für jeden geeignet. Wer jedoch Online-Shops und Branchenverzeichnisse betreibt, wird das Angebot des Plugins zu schätzen wissen.
10Web Google Maps (FREE/$30-plus)
10Web Google Maps ist ein großartiges WordPress-Plugin für Google Maps, mit dem Sie Karten über Shortcodes in Ihre Inhalte einfügen oder mit PHP in Ihr Website-Design integrieren können.
Auf der Hauptseite zur Kartenerstellung können Sie Markierungen sowie Formen wie Polygone und Polylinien hinzufügen. Der Prozess des Hinzufügens von Formen ist einfach: Sie müssen nur zu der Position auf der Karte scrollen, an der Sie die Form beginnen möchten, und mit der rechten Maustaste klicken. Wiederholen Sie dann den Vorgang für die anderen Punkte der Form.
Für jede Karte, die Sie erstellen, stehen acht Einstellungsregisterkarten zur Verfügung, mit denen Sie den Kartentyp, die Zoomstufe, die Steuerelemente, die Ebenen und mehr ändern können.
Es gibt sogar eine Option, mit der Sie Ihre Karte mit der Funktion „Store Locator“ versehen können. Einige Funktionen, wie z.B. Wegbeschreibungen und Markierungen, sind in der kostenlosen Version nicht verfügbar, aber die meisten Hauptfunktionen und Einstellungen sind vorhanden.
10Web Google Maps Pro fügt die Unterstützung für das Zeichnen von Kreisen und Rechtecken hinzu und bietet die Möglichkeit, Karten zu importieren und zu exportieren.
Zu den weiteren Funktionen, die mit dem Upgrade freigeschaltet werden, gehören anpassbare Karten-Skins, Wegbeschreibungen und Filter für Marker-Kategorien.
Die Pro-Version ist ab 30 US-Dollar erhältlich, aber es gibt auch andere Pläne mit längeren Support-Zeiträumen und Unterstützung für zusätzliche Domains.
Mit der Unterstützung von Ebenen, Formen, Markern und anderen nützlichen Funktionen ist es leicht zu erkennen, warum die kostenlose Version von 10Web Google Maps so beliebt bei WordPress-Nutzern ist.
Lobende Erwähnungen
Es gibt eine Fülle von Google-Maps-Lösungen für WordPress-Nutzer, und der Standard ist im Allgemeinen sehr gut.
Bei meinen Recherchen für diesen Artikel habe ich viele WordPress-Plugins getestet, die den Sprung in die engere Auswahl nicht geschafft haben.
Wenn Sie eine einfache Lösung suchen, ist Very Simple Google Maps eine gute Alternative zu Simple Google Maps Shortcode, da man damit auch schnell Karten über Shortcodes hinzufügen kann. Eine weitere grundlegende Lösung, die Sie sich ansehen sollten, ist die Gutenberg-freundliche Kartenlösung Google Maps Gutenberg Block und die einfach zu bedienende Simple Google Map.
Google Maps Bank und CP Google Maps sind beide großartige Kartenlösungen, aber die meisten Optionen sind auf die Pro-Version beschränkt. Während die Pro-Versionen relativ günstig sind, gibt es bessere Alternativen für diejenigen, die bereit sind, Geld auszugeben.
Die Google-Maps-Lösung von Supsystic, Google Maps Easy ($39 für die Pro-Version), und das Google-Maps-Alternativen-Plugin, Ultimate Maps von Supsystic (ebenfalls $39 für die Pro-Version), sind in dieser Hinsicht viel besser aufgestellt. Beide WordPress-Plugins bieten Ihnen in der kostenlosen Version Zugriff auf Hunderte von Optionen und enthalten viele Funktionen, für die andere Entwickler Geld verlangen. Sie sind auf jeden Fall einen Blick wert.
Weitere kostenlose Google-Maps-Plugins, die Sie sich ansehen sollten, sind Intergeo Maps, Google Maps CP, WP Google Map, Novo-Map und Flexible Map.
Zuletzt haben wir noch die Premium-Lösungen für Google Maps, die auf CodeCanyon verfügbar sind. Wir haben uns bereits einige angeschaut, darunter das Google Maps Locator Plugin für WordPress, Hero Maps Premium und Store Locator (Google Maps) For WordPress. Es gibt jedoch auch andere gute Optionen auf CodeCanyon.
Insbesondere 5sec Google Maps PRO ($20) und Google Maps ($20) stechen für mich aufgrund der Anzahl der angebotenen Funktionen und Optionen sowie der professionellen Kartendesigns hervor.
Sie sollten sich auch WP Advanced Google Maps ($30), Advanced Google Maps ($13) und Responsive Styled Google Maps ($16) ansehen.
Abschließende Gedanken
Ich habe nicht herausgefunden, dass ein bestimmtes Google Maps WordPress-Plugin „das beste“ ist, also kommt es wirklich darauf an, was Ihr Budget ist und was Ihre Bedürfnisse sind, da die meisten Lösungen einige Funktionen bieten, die anderswo nicht zu finden sind.
Sie sollten daher so viele Lösungen wie möglich testen, um zu sehen, welche am besten zu Ihnen und Ihrer Website passt.
Mit mehr als 400.000 aktiven Installationen ist WP Google Maps ein guter Ausgangspunkt, um zu sehen, was mit Google Maps möglich ist. Wenn Sie jedoch nicht auf der Suche nach fortgeschrittenen Funktionen sind, sollten Sie auf jeden Fall Basislösungen wie Simple Google Maps Shortcode und Google Maps Widget ausprobieren.
Was ist Ihr bevorzugtes Google Maps Plugin? Thoughts?
