Technologische Neuigkeiten, Bewertungen und Tipps!

Die 9 besten Google Maps Plugins für WordPress (2020)

Google Maps, einer von Googles FlaggschiffprodukteEs ist mit Abstand der beliebteste Online-Kartendienst.

Im Jahr 2005 gestartetDer Dienst wurde inzwischen in Websites, Apps und mehr integriert. Dies war dank möglich Google Maps APIDamit können Produkte und Dienstleistungen von Drittanbietern Google Maps integrieren.

WordPress bietet eine hervorragende Unterstützung für Google Maps und es gibt zahlreiche WordPress-Plugins auf dem Markt, mit denen Sie es in Ihre Kontaktseite, auf der Seite, in der Seitenleiste oder wo immer Sie möchten integrieren können. Viele WordPress-Themes verfügen auch über die integrierte Google Maps-Funktionalität.

In diesem Artikel werde ich die besten verfügbaren Google Maps-Plugin-Lösungen für WordPress vorstellen.

Erwerb eines Google Maps API-Schlüssels

Seit 2016 Google hat verlangt, dass Websitebesitzer Stellen Sie Anfragen mit einem Google Maps API-Schlüssel. Bei den meisten WordPress-Plugins von Google Maps müssen Sie diesen API-Schlüssel eingeben, um Karten in Ihre Website zu integrieren. Es gibt jedoch einige Lösungen, die diesen Aspekt für Sie behandeln.

Als diese Änderung vorgenommen wurde, bot Google jeden Monat bis zu 25.000 kostenlose Karten-Uploads an. Jetzt stattdessen bietet $ 200 Kredit. Schauen Sie sich Google an Preisblatt für ein besseres Verständnis dessen, was dies für Sie erreichen wird.

Das monatliche Guthaben von 200 USD sollte für die meisten kleinen und mittleren Websites ausreichen. Personen mit stark frequentierten Websites müssen jedoch möglicherweise zusätzliche Kartengebühren zahlen.

Um einen API-Schlüssel zu erwerben, müssen Sie sich bei der Google Cloud Platform (GCP) registrieren. Das Registrieren und Abrufen des Schlüssels dauert nur wenige Minuten.

Sie werden gefragt, ob Sie Karten, Routen und Standorte möchten. Ich empfehle, alle drei auszuwählen, damit alle Funktionen von Google Maps für Ihre Website verfügbar sind.

Nach einigen weiteren Schritten erhalten Sie den API-Schlüssel, den Sie zur Verwendung von Google Maps auf Ihrer Website benötigen.

Google Maps API-Schlüssel

Überprüfen Sie die Google Maps-Plattform Seite, um einen Google Maps-API-Schlüssel für Ihre Website zu erstellen und mehr darüber zu erfahren, wie alles funktioniert.

1. WP Google Maps (KOSTENLOS / 9,99 USD plus)

WP Google Maps Es ist eine der beliebtesten Google Maps-Lösungen für WordPress und wird auf mehr als 400.000 Websites aktiv verwendet.

Das Erstellen neuer Karten mit dem Plugin ist fantastisch. Sie können Ihrer Karte Markierungen, Linien, Polygone und andere Formen hinzufügen. Es stehen zehn Themen zur Verfügung, und Sie können Verkehrsebenen, Fahrradebenen, Richtungen und die maximale Zoomstufe aktivieren.

Sobald Sie Ihre Karte erstellt haben, kann sie mit einem Funktionscode in Ihre Website eingefügt werden.

Erstellen Sie Ihre Karte

Im Bereich der Haupteinstellungen können Sie Kartensteuerelemente wie Zoom, Straßenansicht und die Verwendung einer Maus aktivieren und deaktivieren. Es gibt auch viele Optionen, mit denen Sie definieren können, wie Lesezeichen behandelt werden.

Wenn Sie Ihren Google Maps-API-Schlüssel nach der Aktivierung nicht eingegeben haben, können Sie dies auf der Registerkarte "Erweitert" tun, um sicherzustellen, dass das Plugin Karten abrufen kann. Im Bereich für erweiterte Einstellungen können Sie auch benutzerdefiniertes CSS und benutzerdefiniertes JavaScript hinzufügen.

WP Google Maps-Einstellungen

Für WP Google Maps stehen drei Premium-Plugins zur Verfügung.

Bei 9,99 $ die Vom Besucher generiertes Lesezeichen-Plugin Es ist das billigste. Wie der Name schon sagt, können Website-Besucher Karten ihre eigenen Markierungen hinzufügen.

die Gold Komplement Es kostet 29,99 US-Dollar für eine Lizenz mit drei Websites und fügt Lesezeichen und Standortverfolgung in Echtzeit hinzu.

Die vollständigste Ergänzung ist die Pro Plugin, das benutzerdefinierte Felder, eine verbesserte Benutzeroberfläche, benutzerdefinierte Datenquellen, Zeitplanung, verbesserte Lesezeichenfilterung, Leistungsverbesserung hinzufügt, Glück Integrations- und Richtungswegpunkte.

Der Preis für das Pro-Plugin beginnt bei 39,99 USD für eine Lizenz von drei Websites.

WP Google Maps Traffic Layer

Es dauert nur wenige Minuten, um zu erkennen, warum WP Google Maps Es ist sehr beliebt. Die Hauptversion kann kostenlos heruntergeladen werden, ist einfach zu bedienen und verfügt über Hunderte von Funktionen.

Ich empfehle es zu versuchen.

Google Maps Locator Plugin für WordPress ist eine hochgradig anpassbare Mapping-Lösung, mit der Besucher Einträge und Lesezeichen an die Vorderseite ihrer Website senden können.

Auflistungen können Videos angehängt und mit einem Sternebewertungssystem bewertet werden. Es gibt einige coole Funktionen der Karte, z. B. die Möglichkeit, auf der Karte zu zeichnen, innerhalb eines bestimmten Radius zu suchen und die Geolokalisierung automatisch anzuzeigen.

Ein Beispiel für einen Google Maps-Locator

Es stehen ein Dutzend Kartentypen und ein Dutzend Kartstile zur Verfügung, sodass Sie viel Flexibilität bei den von Ihnen erstellten Kartentypen haben.

Beispielsweise gibt es eine Vollbildkarte, eine Karte mit benutzerdefinierten Inhaltsfeldern, eine AJAX-basierte Karte, eine Clusterkarte und eine Adresskarte.

Ereigniskarte

Im Einstellungsbereich können Sie Ihren Google Maps-API-Schlüssel eingeben und Schlüsselfunktionen für Einträge, Lesezeichen, Suchen und E-Mail-Benachrichtigungen aktivieren und deaktivieren.

Das Farbschema für Link, Schaltfläche und Menü kann ebenfalls angepasst werden.

Google Maps Locator-Einstellungen

Google Maps Locator Plugin für WordPress ist für 27 US-Dollar erhältlich CodeCanyon. Es ist eine vielseitige Lösung mit vielen hervorragenden Kartendesigns und Unterstützung für Medienanhänge. Die Art und Weise, wie Sie Listen und Markierungen in Karten integrieren können, ist ebenfalls nützlich.

3. Einfach abgekürzter Google Maps-Code (KOSTENLOS)

Diejenigen unter Ihnen, die nach einer einfacheren Lösung suchen, sollten sich beraten Einfacher Google Maps-Funktionscode.

Wie Sie wahrscheinlich vom Namen erfahren haben, können Sie mit diesem Plugin mithilfe eines Funktionscodes Karten auf Ihrer Website einfügen. Sie müssen lediglich die Kartenadresse und Ihren Google Maps-API-Schlüssel definieren. Die Karte wird drei Monate lang mit dem Cache zwischengespeichert WordPress Transient API.

Einfacher Google Maps-Funktionscode

Es ist keine Konfigurationsseite verfügbar, auf der Sie Ihre Karten ändern können. Sie können jedoch mithilfe von Attributen Änderungen vornehmen.

Es gibt Attribute, mit denen Sie die Breite und Höhe Ihrer Karte ändern, das Scrollen mit dem Mausrad deaktivieren und die Kartensteuerung deaktivieren können.

Einfaches Beispiel für einen Google Maps-Kurzcode

Wenn Sie die Annehmlichkeiten anderer Google Maps-Lösungen nicht benötigen, Einfacher Google Maps-Funktionscode ist der Richtige für dich

Kartenmarkierung ist ein WordPress-Karten-Plugin, das mit Google Maps, Open Street Map, Bing, Mapbox und benutzerdefinierten WMTS-Karten funktioniert. Die Entwickler bezeichnen das Plugin bei WordPress.org immer noch als Leaflet Maps Marker, vermarkten es jedoch anderswo als Maps Marker.

Mit dem Plugin können Sie Lesezeichen für Speicherorte hinzufügen und diese Lesezeichen dann mithilfe von Ebenen organisieren. Wenn Sie eine neue Markierung hinzufügen, können Sie auch die Kartengröße und die Zoomstufe definieren, während beim Wechsel vom vereinfachten Editor zum erweiterten Editor a geladen wird große Sammlung von Ikonen zu wählen.

Vollständige Karten können mithilfe von Shortcodes in Beiträge und Seiten eingefügt werden.

Neues Lesezeichen hinzufügen

Es gibt auch eine Import- und Exportseite für Markierungen und Ebenen, die zum Sichern von Karten und zum Übertragen auf andere Websites nützlich ist.

Auf einer speziellen Tools-Seite können Sie Ihre Einstellungen sichern und die verwendete Standardkarte sowie die Standardkarteneinstellungen und mehr definieren.

Weitere Optionen finden Sie auf der Seite mit den Haupteinstellungen, auf der Sie die Standardeinstellungen für die Karte, die Standorteinstellungen, die Standardgrundkarte (z. B. Open Streep Map oder Google Maps), Überlagerungen, Ebenen und andere erweiterte Einstellungen steuern können.

Kartenmarkierungseinstellungen

Karten Marker Pro Es ist ab 39 € für eine Einzellizenz mit einem Jahr Support und Updates erhältlich. Das Update schaltet alle professionellen Funktionen frei, die in der kostenlosen Version eingeschränkt sind, einschließlich Augmented Reality, verbesserter Google Maps-Leistung, Markierungsgruppierung, Kartenfilterung, GPX-Spuren, Höhenspuren und mehr.

Beispiel für eine Kartenmarkierung

Sobald Sie verstanden haben, wie Markierungen und Ebenen mit Karten interagieren, werden Sie feststellen, wie leistungsfähig sie sind Kartenmarkierung ist. Das Plugin verfügt über Hunderte von Einstellungen, mit denen Sie Karten anpassen können. Die meisten Hauptfunktionen sind in der kostenlosen Version verfügbar.

5. Google Maps Widget (KOSTENLOS / ab 18,99 USD)

Google Maps-Widget ist eine schnell ladende Google Maps-Lösung, mit der Sie Karten in Widget-Bereiche wie Kopf-, Fuß- oder Seitenleiste Ihrer Website integrieren können. Es hat mehr als 100.000 aktive Installationen auf WordPress.org.

Jede Karte wird im Karten-Widget konfiguriert. Sie können den Kartentyp, die Zoomstufe und das Erscheinungsbild der Markierungen anpassen und die Karte sogar mit einer bestimmten URL verknüpfen (z. B. der Kontaktseite Ihrer Website). . Wenn ein Benutzer auf die Miniaturbildkarte klickt, kann er zu einer größeren interaktiven Karte weitergeleitet werden, die zur besseren Darstellung einen Leuchtkasten verwendet.

Google Maps Widget-Einstellungen

Die Entwickler stellen fest, dass das Miniaturbild des Google Maps-Widgets die statische Google Maps-API zum Speichern von Karten verwendet und dass ihre Karten in eine Anforderung geladen werden, anstatt in die mehr als 20 Anforderungen, die andere Lösungen benötigen. Anscheinend kann dies in einigen Fällen die Gesamtseitengröße um 2 MB reduzieren.

Die Techniken, mit denen Karten geladen werden, liegen außerhalb meines technischen Fachwissens. Ich kann jedoch mit Überzeugung sagen, dass das Google Maps-Widget Karten erheblich schneller lädt als andere Google Maps-Lösungen, was zweifellos eine der besten Funktionen des Plugins ist.

Google Maps-Widget

In der kostenlosen Version von Google Maps Widget können Sie auf der Konfigurationsseite des Plugins lediglich Ihren Google Maps API-Schlüssel hinzufügen. Erweiterte Einstellungen und Optionen zum Importieren von Pins und Widgets sind nur verfügbar, wenn Sie auf die Pro-Version aktualisieren.

Google Maps Widget Pro Es kostet nur 18,99 US-Dollar pro Jahr. Zusätzlich zu den oben genannten Funktionen können Sie mit dem Update Karten mithilfe eines Shortcodes in Posts, Seiten und andere Arten von benutzerdefinierten Posts einfügen.

Insgesamt bietet Google Maps Widget Pro mehr als 50 Funktionen wie Skins, Unterstützung für mehrere Karten-Pins, Gruppierung von Karten-Pins und Google Analytics-Integration.

Beispiel für ein Google Maps-Widget

Wenn Sie nach einer schnellen Google Maps-Lösung suchen, die sich in Ihr Website-Design integrieren lässt, Google Maps-Widget ist die Ergänzung für Sie

Die kostenlose Version sollte für die meisten Benutzer ausreichen, da Sie damit die volle Kontrolle über jede Karte haben. In Google Maps Widget Pro sind jedoch genügend Funktionen vorhanden, um das Upgrade zu gewährleisten.

6. Hero Maps Premium (20 US-Dollar)

Hero Maps Premium ist eine großartige Google Maps-Lösung, mit der Sie reaktionsschnelle Karten im Vollbildmodus oder in fester Breite anzeigen können.

Mit drei Symbolpaketen können Sie Ihren Karten professionell aussehende Markierungen hinzufügen, und Sie können Ihre eigenen Symbole laden. Alles, was Sie tun müssen, um einen Marker hinzuzufügen, ist das Ziehen und Ablegen eines Symbols auf der Karte.

Lesezeichen können auch sortiert werden, damit Besucher Ergebnisse filtern können. Beispielsweise könnten Sie Kategorien für Hotels, Geschäfte, Cafés und Parkplätze haben.

Fügen Sie einen Marker in Hero Maps Premium hinzu

Es gibt eine große Anzahl von Farbschemata, 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 unterscheidet, ist sein Design. Die gesamte Erfahrung mit der Verwendung einer Karte ist großartig, von animierten Markierungen bis hin zu sanften Zoomsteuerelementen. Filter verbessern auch die Benutzererfahrung erheblich.

Beispiel für Hero Maps Premium

Hero Maps Premium Es ist für nur 20 US-Dollar bei CodeCanyon erhältlich. Ich empfehle Ihnen, sich die Demo anzusehen, um zu erfahren, wie stilvoll Ihre Karten sind.

7. WP Google Map Plugin (KOSTENLOS / $ 59)

WP Google Map Pluginsollte nicht verwechselt werden mit WP Google Maps (Nummer eins auf unserer Liste) ist eine vielseitige Kartenlösung, die Markierungen, mehrere Kartentypen und mehrere Standorte unterstützt. Es ist derzeit auf mehr als 100.000 WordPress-Websites aktiv.

Wenn Sie einen neuen Ort hinzufügen, können Sie definieren, was passiert, wenn ein Benutzer auf die Karte klickt, und Sie können einer Gruppe auch Markierungen zuweisen. Mit Karten können Sie die Höhe und Breite der Karte, die Zoomstufe und den zu verwendenden Kartentyp festlegen und jeden zuvor erstellten Ort zuweisen.

Ihr Google Maps API-Schlüssel muss auf der Seite mit den Haupteinstellungen eingegeben werden.

Ort im WP Google Map Plugin hinzufügen

Die Premium-Version von WP Google Map heißt "Erweitertes Google Maps Plugin für WordPress"- nicht WP Google Map Pro. Mit einem Verkaufspreis von 59 US-Dollar ist es das meistverkaufte Google Maps WordPress-Plugin CodeCanyon.

Durch das Upgrade auf die Premium-Version werden benutzerdefinierte Beitragstypen, Karten-Skins, Adressen, Lesezeichengruppierung und die Möglichkeit zum Importieren und Exportieren von Lesezeichen freigeschaltet. Sie können Blog-Beiträge auch auf Karten anzeigen.

Es fügt auch Unterstützung für hinzu Erweiterte benutzerdefinierte Felder, Filter, HTML-Overlays und Formzeichnungen.

Ein Beispiel für das WP Google Map Plugin

Es gibt viel zu mögen WP Google Map Plugin. Es verarbeitet mehrere Standorte und mehrere Karten gut und verfügt über eine hervorragende Dokumentation im Administrationsbereich.

Ich empfehle es zu versuchen.

8. Store Locator (Google Maps) für WordPress (25 US-Dollar)

Online-Shop-Besitzer sollten sich beraten Store Locator (Google Maps) für WordPress. Mit dem Plugin können Karten erstellt werden, auf denen Geschäfte in der Nähe des Standorts eines Benutzers angezeigt werden.

Es bietet drei verschiedene Vorlagenstile und ermöglicht die Anzeige von Positionen mithilfe eines Listen- oder Akkordeonstils. Außerdem sind Lesezeichen und Lesezeichengruppen verfügbar. All diese Funktionen bieten Ihnen Flexibilität bei der Darstellung Ihrer Karte.

Beispiele für agile Standortkarten

Alle Geschäfte können klassifiziert werden und für jedes Geschäft ein Artikelfeld anzeigen. Eine Liste von Geschäften kann über eine XLS-Tabellenkalkulationsdatei importiert werden, und Sie können sogar ein Logo oder Bild an die Artikelbox anhängen, um ein Geschäft hervorzuheben.

Agile Store-Standortkarte

Kunden haben eine Reihe von Funktionen, mit denen sie das gesuchte Geschäft finden können.

Sie können einen Ort auf der Karte eingeben oder ihren Ort mithilfe der von Browsern bereitgestellten Geolokalisierungsfunktion automatisch auswählen.

Unter der Hauptkarte befindet sich ein großes Dashboard, mit dem Käufer das Erscheinungsbild der Karte und die angezeigten Elemente ändern können. Die Karte kann sich dramatisch ändern, wenn Optionen wie Vorlage und Standardkarte geändert werden.

Erweiterte Optionen für Agile Store Locator

Store Locator (Google Maps) für WordPress Es wird für 25 US-Dollar bei CodeCanyon verkauft.

Mit all den Funktionen und Konfigurationen, die auf die Aufnahme in das Geschäft ausgerichtet sind, ist der Store Locator nicht jedermanns Sache. Diejenigen, die Online-Shops und Unternehmensverzeichnisse verwalten, werden jedoch das Angebot des Plugins zu schätzen wissen.

9. 10Web Google Maps (KOSTENLOS / über 30 USD)

10Web Google Maps ist ein ausgezeichnetes Google Maps-Plugin für WordPress, mit dem Sie mithilfe von Shortcodes Karten in Ihre Inhalte einfügen oder mithilfe von PHP Karten in Ihr Website-Design integrieren können.

Auf der Hauptseite zum Erstellen von Karten können Sie Markierungen sowie Formen wie Polygone und Polylinien hinzufügen. Das Hinzufügen von Formen ist einfach: Sie müssen lediglich zu der Position auf der Karte navigieren, an der Sie die Form starten möchten, und mit der rechten Maustaste klicken. Wiederholen Sie dann den Vorgang für die anderen Punkte in der Form.

Fügen Sie eine Karte in 10Web Google Maps hinzu

Für jede von Ihnen erstellte Karte stehen acht Einstellungsregisterkarten zur Verfügung. Sie können den Kartentyp, die Zoomstufe, die Steuerelemente, Ebenen und mehr ändern.

Es gibt sogar eine Option, um die Store Locator-Funktionalität auf Ihrer Karte zu aktivieren. Einige Funktionen, wie Anweisungen und Lesezeichenlisten, sind in der kostenlosen Version nicht verfügbar, aber die meisten Hauptfunktionen und -einstellungen sind verfügbar.

10 Google Maps-Webkonfiguration

10Web Google Maps Pro Fügt Unterstützung für das Zeichnen von Kreisen und Rechtecken hinzu und bietet die Möglichkeit, Karten zu importieren und zu exportieren.

Weitere Funktionen, die durch das Update freigeschaltet werden, sind anpassbare Karten-Skins, Wegbeschreibungen und Filter für Markierungskategorien.

Die Pro-Version kostet nur 30 US-Dollar, andere Pläne sind jedoch mit längeren Support-Zeiträumen und Support für zusätzliche Domains verfügbar.

Eine mit 10Web Google Maps erstellte Karte

Durch die Unterstützung von Ebenen, Formen, Lesezeichen und anderen nützlichen Funktionen ist leicht zu erkennen, warum kostenlose Version von 10Web Google Maps Es hat sich bei WordPress-Benutzern als sehr beliebt erwiesen.

Lobende Erwähnungen

Es gibt eine Vielzahl von Google Maps-Lösungen, die WordPress-Benutzern zur Verfügung stehen, und der Standard ist im Allgemeinen sehr gut.

Während meiner Recherche für diesen Artikel habe ich viele WordPress-Plugins ausprobiert, die gerade fehlgeschlagen sind.

Wenn Sie nach einer einfachen Lösung suchen, Sehr einfache Google Maps ist eine gute Alternative zu Einfacher Google Maps-FunktionscodeEs kann auch verwendet werden, um Karten mithilfe von Funktionscodes schnell hinzuzufügen. Eine weitere grundlegende Lösung zur Überprüfung ist die Gutenberg-freundliche Kartenlösung Google Maps Gutenberg Block und die einfach zu bedienen Einfache Google Map.

Google Maps Gutenberg Block

Google Maps Bank y CP Google Maps Beide sind großartige Kartenlösungen, aber die meisten Optionen sind auf die Pro-Version beschränkt. Während die Pro-Versionen relativ billig sind, gibt es bessere Alternativen für diejenigen, die bereit sind, Geld auszugeben.

Supsystic's Google Maps-Lösung, Google Maps Einfach (39 $ für die Pro-Version) und die Ergänzung von Google Maps-Alternativen, Ultimative supsystische Karten (auch 39 $ für die Pro-Version) sind in dieser Hinsicht viel besser konfiguriert. Beide WordPress-Plugins bieten Ihnen Zugriff auf Hunderte von Optionen in der kostenlosen Version und enthalten viele Funktionen, die andere Entwickler in Rechnung stellen. Auf jeden Fall einen Blick wert.

Andere kostenlose Google Maps Plugins zur Überprüfung sind Intergeo-Karten, Google Maps CP, WP Google Map, Novo-Karte y Flexible Karte.

Google Maps Einfach

Schließlich haben wir die Premium-Google Maps-Lösungen, die unter verfügbar sind CodeCanyon. Wir haben bereits einige gesehen, einschließlich Google Maps Locator Plugin für WordPress, Hero Maps Premium y Store Locator (Google Maps) für WordPress. Es gibt jedoch auch andere gute Optionen in CodeCanyon.

Insbesondere Google Maps PRO 5 Sekunden ($ 20) und Google Maps (20 US-Dollar) zeichnen sich durch die Anzahl der angebotenen Funktionen und Optionen sowie durch professionelle Kartendesigns aus.

Google Maps PRO 5 Sekunden

Überprüfen Sie auch WP Advanced Google Maps (30 $) Erweiterte Google Maps ($ 13) und Google Maps mit reaktionsschnellem Stil (16 $).

Letzte Gedanken

Ich fand ein bestimmtes Google Maps WordPress-Plugin nicht als "das Beste", daher läuft es wirklich darauf hinaus, wie hoch Ihr Budget ist und welche Anforderungen Sie haben, da die meisten Lösungen einige Funktionen bieten, die anderswo nicht zu finden sind. Orte.

Daher sollten Sie so viele Lösungen wie möglich ausprobieren, um herauszufinden, welche am besten zu Ihnen und Ihrer Website passt.

Mit mehr als 400.000 aktiven Installationen WP Google Maps Es ist ein guter Ausgangspunkt, um zu sehen, was mit Google Maps möglich ist. Wenn Sie jedoch nicht nach erweiterten Funktionen suchen, sollten Sie auf jeden Fall grundlegende Lösungen wie angeben Einfacher Google Maps-Funktionscode y Google Maps-Widget ein Versuch.