- By Kevin Muldoon
- Last bijgewerkt: 21 november 2020
Google Maps, een van de paradepaardjes van Google, is verreweg de populairste kaartendienst online.
De dienst werd in 2005 gelanceerd en is sindsdien geïntegreerd in websites, apps en meer. Dit werd mogelijk gemaakt door de Google Maps API, waarmee producten en diensten van derden Google Maps kunnen insluiten.
WordPress heeft geweldige ondersteuning voor Google Maps, en er zijn veel WordPress plugins op de markt die u helpen om het te integreren in uw contactpagina, about page, sidebar of waar u maar wilt. Veel WordPress thema’s hebben ook Google Maps functionaliteit ingebouwd.
In dit artikel deel ik de beste Google Maps plugin oplossingen die beschikbaar zijn voor WordPress.
Een Google Maps API Key
Sinds 2016 eist Google dat website-eigenaren verzoeken doen met behulp van een Google Maps API key. De meeste Google Maps WordPress plugins vereisen dat u deze API sleutel invoert om kaarten in uw website te integreren. Er zijn echter enkele oplossingen die dit aspect voor u afhandelen.
Toen deze verandering werd doorgevoerd, bood Google elke maand tot 25.000 gratis kaartladingen aan. Nu biedt het in plaats daarvan $ 200 aan tegoed. Bekijk Google’s prijslijst voor een beter begrip van wat dit u oplevert.
De 200 dollar maandelijks tegoed zou genoeg moeten zijn voor de meeste kleine tot middelgrote websites. Echter, degenen met websites met veel verkeer zullen mogelijk moeten betalen voor extra kaartbelastingen.
Om een API-sleutel te verkrijgen, moet u zich aanmelden bij het Google Cloud Platform (GCP). Het duurt slechts een paar minuten om u te registreren en de sleutel op te halen.
U wordt gevraagd of u kaarten, routes en plaatsen wilt. Mijn advies is om ze alle drie te selecteren zodat alle Google Maps functionaliteit beschikbaar is voor uw website.
Na nog een paar stappen krijgt u de API sleutel die u nodig heeft om Google Maps op uw website te gebruiken.
Kijk op de Google Maps Platform pagina om een Google Maps API sleutel voor uw website aan te maken en meer te weten te komen over hoe het allemaal werkt.
WP Google Maps (GRATIS/$9.99-plus)
WP Google Maps is een van de meest populaire Google Maps oplossingen voor WordPress, en wordt actief gebruikt op meer dan 400.000 websites.
Het proces van het maken van nieuwe kaarten met de plugin is fantastisch. U kunt markers, lijnen, polygonen en andere vormen aan uw kaart toevoegen. Er zijn tien thema’s beschikbaar en u kunt verkeerslagen, fietslagen, routebeschrijvingen en het maximale zoomniveau inschakelen.
Als u uw kaart hebt gemaakt, kan deze met behulp van een shortcode in uw website worden ingevoegd.
In de hoofdinstellingen kunt u kaartbesturingselementen in- en uitschakelen, zoals zoom, straatweergave en of een muis kan worden gebruikt. Er zijn ook veel opties waarmee u kunt definiëren hoe markeringen worden behandeld.
Als u uw Google Maps API-sleutel niet hebt ingevoerd na activering, kunt u dit doen in het geavanceerde tabblad, dat ervoor zorgt dat de plugin kaarten kan ophalen. In de geavanceerde instellingen kun je ook aangepaste CSS en aangepaste JavaScript toevoegen.
Er zijn drie premium addons beschikbaar voor WP Google Maps.
De Visitor Generated Markers addon is met $9,99 de goedkoopste. Zoals de naam al doet vermoeden, kunnen bezoekers van de website hun eigen markers toevoegen aan kaarten.
De Gold addon kost $29,99 voor een licentie van drie websites, en voegt marker clustering en real-time locatie tracking toe.
De meest uitgebreide addon is de Pro addon, die aangepaste velden toevoegt, een verbeterde gebruikersinterface, aangepaste gegevensbronnen, planning, verbeterde marker filtering, prestatieverbetering, Mappity integratie en richting waypoints.
De prijs voor de Pro addon begint bij $39,99 voor een licentie voor drie websites.
Het kost maar een paar minuten om te beseffen waarom WP Google Maps zo populair is. De kernversie is gratis te downloaden, eenvoudig te gebruiken en heeft honderden functies.
Ik raad aan om het uit te proberen.
Google Maps Locator plugin voor WordPress ($27)
Google Maps Locator plugin voor WordPress is een zeer aanpasbare kaarten oplossing waarmee bezoekers listings en markers kunnen indienen op de front end van uw website.
Listings kunnen worden voorzien van video’s en kunnen worden gewaardeerd met behulp van een sterren rating systeem. Er zijn een aantal coole kaartfuncties, zoals de mogelijkheid om op de kaart te tekenen, binnen een bepaalde straal te zoeken en geolocatie automatisch weer te geven.
Er zijn een dozijn kaarttypen en een dozijn kaartstijlen beschikbaar, wat u veel flexibiliteit geeft wat betreft het soort kaarten dat u maakt.
Er is bijvoorbeeld een schermvullende kaart, een kaart die aangepaste contentvelden laat zien, een AJAX-aangedreven kaart, een clusterkaart en een routebeschrijvingskaart.
In het instellingengedeelte kunt u uw Google Maps API-sleutel invoeren en de belangrijkste functies voor vermeldingen, markeringen, zoekopdrachten en e-mailmeldingen in- en uitschakelen.
Het kleurenschema van links, knoppen en menu’s kan ook worden aangepast.
Google Maps Locator plugin voor WordPress is beschikbaar voor $27 van CodeCanyon. Het is een veelzijdige oplossing met veel mooie kaart ontwerpen en ondersteuning voor media attachments. De manier waarop u lijsten en markeringen in kaarten kunt integreren is ook handig.
Simple Google Maps Shortcode (GRATIS)
Diegenen onder u die op zoek zijn naar een meer eenvoudige oplossing zouden Simple Google Maps Shortcode eens moeten bekijken.
Zoals u waarschijnlijk al uit de naam hebt begrepen, kunt u met deze plugin kaarten in uw website invoegen met behulp van een shortcode – alles wat u hoeft te doen is het adres van de kaart en uw Google Maps API-sleutel opgeven. De kaart wordt vervolgens drie maanden in de cache opgeslagen met behulp van de WordPress Transients API.
Er is geen instellingenpagina beschikbaar om u te helpen uw kaarten aan te passen, maar u kunt de dingen een beetje veranderen met behulp van attributen.
Er zijn attributen voor het wijzigen van de breedte en hoogte van uw kaart, het uitschakelen van scrollen met het muiswiel en het uitschakelen van kaartbesturingselementen.
Als u geen behoefte hebt aan de toeters en bellen die andere Google Maps-oplossingen bieden, dan is eenvoudige Google Maps Shortcode iets voor u.
Maps Marker (GRATIS/€39-plus)
Maps Marker is een WordPress kaartplugin die werkt met Google Maps, Open Street Map, Bing, Mapbox en aangepaste WMTS-kaarten. De ontwikkelaars verwijzen nog steeds naar de plugin als Leaflet Maps Marker op WordPress.org, maar verkopen het als Maps Marker overal elders.
De plugin laat je markers toevoegen voor locaties, en vervolgens deze markers organiseren met behulp van lagen. Wanneer je een nieuwe marker toevoegt, kun je ook de grootte van de kaart en het zoomniveau bepalen, terwijl het overschakelen van de vereenvoudigde editor naar de geavanceerde editor een grote collectie van iconen oplevert om te selecteren.
Volledige kaarten kunnen met shortcodes in berichten en pagina’s worden ingevoegd.
Er is ook een import- en exportpagina voor markeringen en lagen, die handig is voor het maken van back-ups van kaarten en het overbrengen ervan naar andere websites.
Op een speciale gereedschapspagina kunt u een back-up maken van instellingen en de standaardkaart definiëren die wordt gebruikt, samen met standaardkaartinstellingen en meer.
Verder zijn er opties beschikbaar op de hoofdinstellingenpagina waar u controle hebt over standaardkaartwaarden, locatie-instellingen, de standaardbasiskaart (bijv.Open Streep Map of Google Maps), overlays, lagen en andere geavanceerde instellingen.
Maps Marker Pro is verkrijgbaar vanaf €39 voor een enkele licentie, met een jaar ondersteuning en updates. Door te upgraden krijg je toegang tot alle pro-functies die in de gratis versie niet beschikbaar zijn, zoals augmented reality, verbeterde prestaties van Google Maps, clustering van markeringen, kaartfiltering, GPX-tracks, hoogtetracks en meer.
Als je eenmaal doorhebt hoe markeringen en lagen op kaarten werken, zul je begrijpen hoe krachtig Maps Marker is. De plugin heeft honderden instellingen om u te helpen kaarten aan te passen, en de meeste van de belangrijkste functies zijn beschikbaar in de gratis versie.
Google Maps Widget (GRATIS/$18.99-plus)
Google Maps Widget is een snel ladende Google Maps oplossing die u helpt om kaarten te integreren in widget gebieden zoals de header, footer of sidebar van uw website. Het heeft meer dan 100.000 actieve installaties op WordPress.org.
Elke kaart wordt geconfigureerd binnen de kaart widget, en u kunt het kaarttype, zoomniveau en het uiterlijk van de pin aanpassen – en zelfs de kaart koppelen aan een specifieke URL (bijv. uw website contact pagina). Wanneer een gebruiker op de miniatuurkaart klikt, kan hij worden doorgestuurd naar een grotere interactieve kaart die gebruik maakt van een lightbox voor een betere presentatie.
De ontwikkelaars merken op dat de Google Maps Widget miniatuur gebruik maakt van de Google Maps Static Maps API om kaarten op te slaan, en dat hun kaarten in één verzoek worden geladen in plaats van de meer dan 20 verzoeken die andere oplossingen nodig hebben. Dit kan blijkbaar de totale paginagrootte in sommige gevallen met 2MB verminderen.
De technieken die ze gebruiken om kaarten te laden gaan mijn technische ervaring te boven, maar ik kan met overtuiging zeggen dat Google Maps Widget kaarten aanzienlijk sneller laadt dan andere Google Maps oplossingen, wat zonder twijfel een van de beste eigenschappen van de plugin is.
In de gratis versie van Google Maps Widget is het enige wat u kunt doen in de plugin-instellingenpagina uw Google Maps API-sleutel toevoegen. De geavanceerde instellingen en opties om pins en widgets te importeren zijn niet beschikbaar, tenzij u een upgrade uitvoert naar de pro versie.
Google Maps Widget Pro kost slechts $18.99 per jaar, en naast de hierboven genoemde functies kunt u met een upgrade kaarten invoegen in berichten, pagina’s en andere aangepaste post-typen met behulp van een shortcode.
In totaal voegt Google Maps Widget Pro meer dan 50 functies toe, zoals skins, ondersteuning van meerdere kaartpins, clustering van kaartpins en integratie van Google Analytics.
Als u op zoek bent naar een snelle Google Maps oplossing die integreert met uw website ontwerp, dan is Google Maps Widget de plugin voor u.
De gratis versie zou voldoende moeten zijn voor de meeste gebruikers, aangezien het u volledige controle geeft over elke kaart. Er zijn echter voldoende functies in Google Maps Widget Pro om een upgrade te rechtvaardigen.
Hero Maps Premium ($20)
Hero Maps Premium is een prachtige Google Maps-oplossing waarmee u responsive kaarten op volledig scherm of met een vaste breedte kunt weergeven.
Met drie pictogrampakketten kunt u professioneel ogende markeringen aan uw kaarten toevoegen, en er is een optie om uw eigen pictogrammen te uploaden. Het enige wat u hoeft te doen om een markering toe te voegen, is een pictogram naar de kaart slepen.
Markeringen kunnen ook worden gecategoriseerd, zodat bezoekers de resultaten kunnen filteren. U kunt bijvoorbeeld categorieën maken voor hotels, winkels, cafés en parkeergelegenheid.
Er zijn tal van kleurenschema’s beschikbaar en u kunt ook vormen op kaarten tekenen. Alle kaarten die je maakt, kunnen ook worden geëxporteerd.
Wat Hero Maps Premium onderscheidt van andere oplossingen, is het ontwerp. De hele ervaring van het gebruik van een kaart is uitstekend – van de geanimeerde markers tot de vloeiende zoombediening. Ook de filters verbeteren de gebruikerservaring enorm.
Hero Maps Premium is voor slechts $20 verkrijgbaar bij CodeCanyon. Ik raad aan de demo te bekijken om te zien hoe stijlvol de kaarten zijn.
WP Google Map Plugin (GRATIS/$59)
WP Google Map Plugin, niet te verwarren met WP Google Maps (nummer één op onze lijst), is een veelzijdige kaartoplossing met ondersteuning voor markers, meerdere kaarttypen en meerdere locaties. Het is momenteel actief op meer dan 100.000 WordPress websites.
Wanneer u een nieuwe locatie toevoegt, kunt u definiëren wat er gebeurt wanneer een gebruiker op de kaart klikt – en u kunt ook markers aan een groep toewijzen. Met kaarten, kunt u de hoogte en breedte van de kaart, het zoomniveau en het type kaart dat moet worden gebruikt instellen, en eventuele locaties die u eerder hebt gemaakt toewijzen.
Uw Google Maps API-sleutel moet worden ingevoerd in de hoofdinstellingen pagina.
De premium versie van WP Google Map heet ‘Advanced Google Maps Plugin for WordPress’ – niet WP Google Map Pro. Met een verkoopprijs van 59 dollar is het de bestverkochte Google Maps WordPress-plugin op CodeCanyon.
Upgraden naar de premium versie geeft toegang tot aangepaste post-typen, kaartskins, routebeschrijvingen, clustering van markeringen en de mogelijkheid om markeringen te importeren en exporteren. U kunt ook blogberichten op kaarten weergeven.
Het voegt ook ondersteuning toe voor geavanceerde aangepaste velden, filters, HTML-overlays en tekenen met vormen.
Er is veel te vinden over WP Google Map Plugin. Het behandelt meerdere locaties en meerdere kaarten goed, en heeft geweldige documentatie binnen het admin gedeelte.
Ik raad aan om het uit te proberen.
Store Locator (Google Maps) For WordPress ($25)
Online winkeleigenaren zouden Store Locator (Google Maps) For WordPress eens moeten bekijken. De plugin kan worden gebruikt om kaarten die winkels weer te geven in de buurt van de locatie van een gebruiker te creëren.
Het beschikt over drie verschillende sjabloon stijlen, en maakt het mogelijk locaties worden weergegeven met behulp van een lijst of accordeon stijl, terwijl markers en marker clusters zijn ook beschikbaar. Al deze functies geven u enige flexibiliteit in hoe uw kaart eruitziet.
Alle winkels kunnen worden gecategoriseerd, en u kunt voor elke winkel een itembox weergeven. Een lijst met winkels kan via een XLS-spreadsheet-bestand worden geïmporteerd en u kunt zelfs een logo of afbeelding aan het artikelvak toevoegen om een winkel te laten opvallen.
Het winkelpubliek beschikt over een groot aantal functies waarmee ze de winkel kunnen vinden die ze zoeken.
Ze kunnen een locatie op de kaart invoeren, of ervoor kiezen hun locatie automatisch te selecteren met behulp van de geolocatiefunctie van browsers.
Onder de hoofdkaart bevindt zich een groot configuratiescherm waarmee shoppers kunnen wijzigen hoe de kaart eruitziet en wat er wordt weergegeven. De kaart kan drastisch veranderen wanneer opties zoals de sjabloon en de standaardkaart worden gewijzigd.
Store Locator (Google Maps) For WordPress kost $25 bij CodeCanyon.
Met alle functies en instellingen die zijn gericht op het vermelden van winkels, is Store Locator niet voor iedereen. Echter, degenen die online winkels en bedrijvengidsen beheren zullen waarderen wat de plugin biedt.
10Web Google Maps (GRATIS/$30-plus)
10Web Google Maps is een geweldige Google Maps WordPress plugin waarmee u kaarten kunt invoegen in uw inhoud met behulp van shortcodes, of kaarten kunt integreren in uw website-ontwerp met behulp van PHP.
De belangrijkste pagina voor het maken van kaarten laat u markers toevoegen, evenals vormen zoals polygonen en polylijnen. Het proces van het toevoegen van vormen is eenvoudig: Het enige wat u hoeft te doen is scrollen naar de positie op de kaart waar u de vorm wilt laten beginnen en met de rechtermuisknop klikken. Vervolgens herhaalt u het proces voor de andere punten van de vorm.
Er zijn acht instellingstabbladen beschikbaar voor elke kaart die u maakt, en u kunt het kaarttype, zoomniveau, besturingselementen, lagen en meer wijzigen.
Er is zelfs een optie om de functie winkelzoeker in uw kaart in te schakelen. Sommige functies, zoals routebeschrijvingen en markeringspunten, zijn niet beschikbaar in de gratis versie, maar de meeste hoofdfuncties en instellingen zijn wel beschikbaar.
10Web Google Maps Pro voegt de ondersteuning toe voor het tekenen van cirkels en rechthoeken, en voegt de mogelijkheid toe om kaarten te importeren en exporteren.
Andere functies die door upgraden worden ontgrendeld zijn onder meer aanpasbare kaartskins, routebeschrijvingen en markercategorie-filters.
De pro-versie is verkrijgbaar vanaf slechts $30, maar er zijn andere plannen beschikbaar met langere ondersteuningsperioden en ondersteuning voor extra domeinen.
Met ondersteuning voor lagen, vormen, markeringen en andere nuttige functies is het gemakkelijk te begrijpen waarom de gratis versie van 10Web Google Maps zo populair is gebleken bij WordPress-gebruikers.
Eervolle vermeldingen
Er is een overvloed aan Google Maps-oplossingen beschikbaar voor WordPress-gebruikers, en de standaard is over het algemeen erg goed.
Tijdens mijn onderzoek voor dit artikel heb ik een heleboel WordPress plugins getest die net buiten de boot vielen.
Als u op zoek bent naar een eenvoudige oplossing, is Very Simple Google Maps een goed alternatief voor Simple Google Maps Shortcode, omdat deze ook kan worden gebruikt om snel kaarten toe te voegen met behulp van shortcodes. Een andere basisoplossing om te bekijken is de Gutenberg-vriendelijke kaartenoplossing Google Maps Gutenberg Block en de eenvoudig te gebruiken Simple Google Map.
Google Maps Bank en CP Google Maps zijn beide geweldige kaartoplossingen, maar de meeste opties zijn beperkt tot de pro-versie. Hoewel de pro versies relatief goedkoop zijn, zijn er betere alternatieven voor degenen die bereid zijn om geld uit te geven.
Supsystic’s Google Maps oplossing, Google Maps Easy ($39 voor de pro versie), en Google Maps alternatieven plugin, Ultimate Maps by Supsystic (ook $39 voor de pro versie), zijn in dit opzicht veel beter opgezet. Beide WordPress plugins geven je toegang tot honderden opties in de gratis versie, en bevatten veel functies die andere ontwikkelaars in rekening brengen. Ze zijn zeker het bekijken waard.
Andere gratis Google Maps plugins om te bekijken zijn Intergeo Maps, Google Maps CP, WP Google Map, Novo-Map en Flexible Map.
Ten slotte hebben we de premium Google Maps oplossingen die beschikbaar zijn op CodeCanyon. We hebben er al een paar bekeken, waaronder de Google Maps Locator plugin voor WordPress, Hero Maps Premium en Store Locator (Google Maps) For WordPress. Er zijn echter ook andere goede opties op CodeCanyon.
In het bijzonder, 5sec Google Maps PRO ($20) en Google Maps ($20) springen er voor mij uit vanwege het aantal functies en opties die worden aangeboden, evenals de professionele kaartontwerpen.
Bekijk ook zeker WP Advanced Google Maps ($30), Advanced Google Maps ($13) en Responsive Styled Google Maps ($16).
Eindgedachten
Ik vond niet dat één bepaalde Google Maps WordPress plugin ‘de beste’ was, dus het komt er echt op neer wat je budget is en wat je behoeften zijn, aangezien de meeste oplossingen een aantal functies bieden die elders niet te vinden zijn.
U zou daarom zoveel mogelijk oplossingen moeten testen om te zien welke het beste bij u en uw website past.
Met meer dan 400.000 actieve installaties, is WP Google Maps een goed startpunt om te zien wat er mogelijk is met Google Maps. Als je echter niet op zoek bent naar geavanceerde functies, moet je zeker basisoplossingen zoals Simple Google Maps Shortcode en Google Maps Widget eens proberen.
Wat is jouw favoriete Google Maps plugin? Ideeën?
