Articles

Top 9 des meilleurs plugins Google Maps pour WordPress (2021)

Posted on
Tags – Google maps
  • Par Kevin Muldoon
  • Dernière mise à jour : 21 novembre 2020
WordPress Deals

Google Maps, l’un des produits phares de Google, est de loin le service de cartographie le plus populaire en ligne.

Lancé en 2005, le service a depuis été intégré à des sites Web, des applications et bien plus encore. Cela a été rendu possible par l’API Google Maps, qui permet aux produits et services tiers d’intégrer Google Maps.

WordPress offre un excellent support pour Google Maps, et il existe de nombreux plugins WordPress sur le marché qui vous aident à l’intégrer dans votre page de contact, votre page à propos, votre barre latérale ou tout autre endroit de votre choix. De nombreux thèmes WordPress intègrent également la fonctionnalité Google Maps.

Dans cet article, je vais partager les meilleures solutions de plugins Google Maps disponibles pour WordPress.

Acquisition d’une clé API Google Maps

Depuis 2016, Google exige que les propriétaires de sites Web effectuent des requêtes en utilisant une clé API Google Maps. La plupart des plugins WordPress Google Maps vous demandent de saisir cette clé API pour intégrer des cartes à votre site Web. Cependant, il existe des solutions qui gèrent cet aspect pour vous.

Lorsque ce changement a été effectué, Google offrait jusqu’à 25 000 chargements de cartes gratuits chaque mois. Désormais, il offre plutôt 200 dollars de crédit. Consultez la fiche tarifaire de Google pour mieux comprendre ce que cela vous rapportera.

Crédit Google Maps

Le crédit mensuel de 200 $ devrait être suffisant pour la plupart des sites Web de petite à moyenne taille. Cependant, ceux qui ont des sites Web à fort trafic peuvent avoir à payer pour des chargements de cartes supplémentaires.

Pour acquérir une clé API, vous devez vous inscrire à la plateforme Google Cloud (GCP). L’inscription et la récupération de la clé ne prennent que quelques minutes.

Activer Google Maps Platform

Il vous sera demandé si vous souhaitez des cartes, des itinéraires et des lieux. Ma recommandation est de sélectionner les trois afin que toutes les fonctionnalités de Google Maps soient disponibles pour votre site Web.

Après quelques étapes supplémentaires, vous recevrez la clé API dont vous avez besoin pour utiliser Google Maps sur votre site Web.

Clé API Google Maps

Vérifiez la page de la plateforme Google Maps pour créer une clé API Google Maps pour votre site Web et en savoir plus sur la façon dont tout cela fonctionne.

WP Google Maps (GRATUIT/$9.99-plus)

WP Google Maps est l’une des solutions Google Maps les plus populaires pour WordPress, et est activement utilisée sur plus de 400 000 sites Web.

Le processus de création de nouvelles cartes avec le plugin est fantastique. Vous pouvez ajouter des marqueurs, des lignes, des polygones et d’autres formes à votre carte. Dix thèmes sont disponibles, et vous pouvez activer les couches de circulation, les couches de vélos, les directions et le niveau de zoom maximal.

Une fois que vous avez créé votre carte, elle peut être insérée dans votre site Web à l’aide d’un shortcode.

Créer votre carte

Dans la zone de paramètres principale, vous pouvez activer et désactiver les contrôles de la carte tels que le zoom, la vue de la rue et la possibilité d’utiliser une souris. Il y a beaucoup d’options qui vous aident à définir comment les marqueurs sont traités aussi.

Si vous n’avez pas entré votre clé API Google Maps après l’activation, vous pouvez le faire dans l’onglet avancé, ce qui garantira que le plugin peut récupérer les cartes. La zone des paramètres avancés vous permet également d’ajouter des CSS et des JavaScript personnalisés.

WP Google Maps Settings

Trois addons premium sont disponibles pour WP Google Maps.

À 9,99 $, l’addon Visitor Generated Markers est le moins cher. Comme son nom l’indique, il permet aux visiteurs de sites Web d’ajouter leurs propres marqueurs aux cartes.

L’addon Gold coûte 29,99 $ pour une licence de trois sites Web et ajoute le regroupement des marqueurs et le suivi de l’emplacement en temps réel.

L’addon le plus complet est l’addon Pro, qui ajoute des champs personnalisés, une interface utilisateur améliorée, des sources de données personnalisées, la planification, l’amélioration du filtrage des marqueurs, l’amélioration des performances, l’intégration de Mappity et des waypoints de direction.

Les prix de l’addon Pro commencent à 39,99 $ pour une licence pour trois sites web.

WP Google Maps Traffic Layer

Il suffit de quelques minutes pour comprendre pourquoi WP Google Maps est si populaire. La version de base est gratuite à télécharger, facile à utiliser et dispose de centaines de fonctionnalités.

Je vous recommande de l’essayer.

Le plugin Google Maps Locator pour WordPress (27 $)

Le plugin Google Maps Locator pour WordPress est une solution de cartes hautement personnalisable qui permet aux visiteurs de soumettre des listes et des marqueurs sur le front-end de votre site Web.

Les listes peuvent avoir des vidéos attachées à elles, et peuvent être évaluées en utilisant un système d’évaluation par étoiles. Il existe quelques fonctionnalités de carte intéressantes, comme la possibilité de dessiner sur la carte, de rechercher dans un rayon spécifique et d’afficher automatiquement la géolocalisation.

Un exemple de Google Maps Locator

Il existe une douzaine de types de cartes et une douzaine de styles de cartes disponibles, ce qui vous donne beaucoup de flexibilité quant aux types de cartes que vous créez.

Par exemple, il y a une carte plein écran, une carte qui affiche des champs de contenu personnalisés, une carte alimentée par AJAX, une carte des grappes et une carte des directions.

Carte des événements

La zone de paramètres vous permet d’entrer votre clé API Google Maps et d’activer et désactiver les fonctionnalités clés pour les listes, les marqueurs, la recherche et les notifications par e-mail.

La palette de couleurs des liens, des boutons et des menus peut également être ajustée.

Google Maps Locator Settings

Le plugin Google Maps Locator pour WordPress est disponible pour 27 $ sur CodeCanyon. C’est une solution polyvalente avec beaucoup de superbes conceptions de cartes et un support pour les pièces jointes de médias. La façon dont il vous permet d’intégrer des listes et des marqueurs dans les cartes est également utile.

Simple Google Maps Shortcode (FREE)

Ceux d’entre vous qui recherchent une solution plus simple devraient vérifier Simple Google Maps Shortcode.

Comme vous l’avez probablement compris d’après son nom, ce plugin vous permet d’insérer des cartes dans votre site Web à l’aide d’un shortcode – tout ce que vous avez à faire est de définir l’adresse de la carte et votre clé API Google Maps. La carte sera ensuite mise en cache pendant trois mois à l’aide de l’API WordPress Transients.

Simple shortcode Google Maps

Aucune page de paramètres n’est disponible pour vous aider à modifier vos cartes, mais vous pouvez modifier un peu les choses à l’aide d’attributs.

Il existe des attributs pour modifier la largeur et la hauteur de votre carte, désactiver le défilement par molette de la souris et désactiver les contrôles de la carte.

Exemple de Shortcode Google Maps simple

Si vous n’avez pas besoin des cloches et des sifflets que proposent les autres solutions Google Maps, le Shortcode Google Maps simple est celui qu’il vous faut.

Maps Marker (GRATUIT/39€-plus)

Maps Marker est un plugin de carte WordPress qui fonctionne avec Google Maps, Open Street Map, Bing, Mapbox et les cartes personnalisées WMTS-maps. Les développeurs font toujours référence au plugin sous le nom de Leaflet Maps Marker sur WordPress.org, mais le commercialisent sous le nom de Maps Marker partout ailleurs.

Le plugin vous permet d’ajouter des marqueurs pour des lieux, puis d’organiser ces marqueurs à l’aide de couches. Lorsque vous ajoutez un nouveau marqueur, vous pouvez également définir la taille de la carte et le niveau de zoom, tandis que le passage de l’éditeur simplifié à l’éditeur avancé charge une grande collection d’icônes à sélectionner.

Les cartes complétées peuvent être insérées dans des posts et des pages à l’aide de shortcodes.

Ajouter un nouveau marqueur

Il existe également une page d’importation et d’exportation pour les marqueurs et les couches, ce qui est utile pour sauvegarder les cartes et les transférer sur d’autres sites web.

Une page d’outils dédiée vous permet de sauvegarder les paramètres et de définir la carte par défaut qui est utilisée, ainsi que les paramètres de carte par défaut et plus encore.

D’autres options sont disponibles dans la page de paramètres principale où vous avez le contrôle sur les valeurs de carte par défaut, les paramètres d’emplacement, la carte de base par défaut (par ex.par exemple Open Streep Map ou Google Maps), les superpositions, les couches et d’autres paramètres avancés.

Maps Marker Settings

Maps Marker Pro est disponible à partir de 39 € pour une licence unique, avec un an de support et de mises à jour. La mise à niveau débloque toutes les fonctionnalités pro qui sont limitées dans la version gratuite, notamment la réalité augmentée, l’amélioration des performances de Google Maps, le regroupement des marqueurs, le filtrage des cartes, les traces GPX, les traces d’élévation et bien plus encore.

Exemple de Maps Marker

Une fois que vous aurez compris comment les marqueurs et les couches interagissent avec les cartes, vous apprécierez la puissance de Maps Marker. Le plugin dispose de centaines de paramètres pour vous aider à personnaliser les cartes, et la plupart des principales fonctionnalités sont disponibles dans la version gratuite.

Google Maps Widget (FREE/$18.99-plus)

Google Maps Widget est une solution Google Maps à chargement rapide qui vous aide à intégrer des cartes dans des zones de widgets telles que l’en-tête, le pied de page ou la barre latérale de votre site Web. Elle revendique plus de 100 000 installations actives sur WordPress.org.

Chaque carte est configurée dans le widget de carte, et vous pouvez ajuster le type de carte, le niveau de zoom et l’aspect de la vignette – et même lier la carte à une URL spécifique (par exemple, la page de contact de votre site Web). Lorsqu’un utilisateur clique sur la vignette de la carte, il peut être amené à une carte interactive plus grande qui utilise une lightbox pour une meilleure présentation.

Paramètres du widget Google Maps

Les développeurs notent que la vignette du widget Google Maps utilise l’API Google Maps Static Maps pour stocker les cartes, et que leurs cartes sont chargées en une seule requête au lieu de la vingtaine de requêtes dont les autres solutions ont besoin. Cela peut apparemment réduire la taille totale de la page de 2 Mo dans certains cas.

Les techniques qu’ils utilisent pour charger les cartes dépassent mon expérience technique, mais je peux dire avec conviction que Google Maps Widget charge les cartes beaucoup plus rapidement que les autres solutions Google Maps, ce qui est, sans aucun doute, l’une des meilleures caractéristiques du plugin.

Google Maps Widget

Dans la version gratuite de Google Maps Widget, tout ce que vous pouvez faire dans la page des paramètres du plugin est d’ajouter votre clé API Google Maps. Les paramètres avancés et les options d’importation d’épingles et de widgets ne sont pas disponibles à moins que vous ne passiez à la version pro.

Google Maps Widget Pro se vend à partir de seulement 18,99 $ par an et, en plus des fonctionnalités mentionnées ci-dessus, la mise à niveau vous permet d’insérer des cartes dans des posts, des pages et d’autres types de post personnalisés à l’aide d’un shortcode.

Au total, Google Maps Widget Pro ajoute plus de 50 fonctionnalités, telles que les skins, la prise en charge de plusieurs épingles de carte, le regroupement des épingles de carte et l’intégration de Google Analytics.

Google Maps Widget Exemple

Si vous recherchez une solution Google Maps rapide qui s’intègre à la conception de votre site Web, Google Maps Widget est le plugin qu’il vous faut.

La version gratuite devrait être suffisante pour la plupart des utilisateurs, car elle vous donne un contrôle total sur chaque carte. Cependant, il y a suffisamment de fonctionnalités dans Google Maps Widget Pro pour justifier une mise à niveau.

Hero Maps Premium (20 $)

Hero Maps Premium est une magnifique solution Google Maps qui vous permet d’afficher des cartes réactives en plein écran ou avec une largeur fixe.

Trois packs d’icônes vous permettent d’ajouter des marqueurs d’aspect professionnel à vos cartes, et il y a une option pour télécharger vos propres icônes. Tout ce que vous avez à faire pour ajouter un marqueur est de glisser et déposer une icône sur la carte.

Les marqueurs peuvent également être catégorisés pour permettre aux visiteurs de filtrer les résultats. Par exemple, vous pourriez avoir des catégories pour les hôtels, les magasins, les cafés et le stationnement.

Ajouter un marqueur dans Hero Maps Premium

Une foule de schémas de couleurs sont disponibles, et vous pouvez également dessiner des formes sur les cartes. Toutes les cartes que vous créez peuvent également être exportées.

Ce qui distingue Hero Maps Premium des autres solutions, c’est son design. Toute l’expérience d’utilisation d’une carte est excellente – des marqueurs animés aux commandes de zoom fluides. Les filtres améliorent aussi grandement l’expérience utilisateur.

Hero Maps Premium Example

Hero Maps Premium est disponible pour seulement 20 $ chez CodeCanyon. Je recommande de consulter la démo pour avoir une appréciation complète de l’élégance de ses cartes.

WP Google Map Plugin (FREE/$59)

WP Google Map Plugin, à ne pas confondre avec WP Google Maps (numéro un sur notre liste), est une solution de carte polyvalente qui prend en charge les marqueurs, plusieurs types de cartes et plusieurs emplacements. Il est actuellement actif sur plus de 100 000 sites Web WordPress.

Lorsque vous ajoutez un nouvel emplacement, vous pouvez définir ce qui se passe lorsqu’un utilisateur clique sur la carte – et vous pouvez également affecter des marqueurs à un groupe. Avec les cartes, vous pouvez définir la hauteur et la largeur de la carte, le niveau de zoom et le type de carte à utiliser, et affecter tous les emplacements que vous avez précédemment créés.

Votre clé API Google Maps doit être saisie dans la page de paramètres principale.

Ajouter un emplacement dans le plugin WP Google Map

La version premium de WP Google Map s’appelle  » Advanced Google Maps Plugin for WordPress  » – et non WP Google Map Pro. Vendue à 59 $, c’est le plugin WordPress Google Maps le plus vendu sur CodeCanyon.

La mise à niveau vers la version premium débloque les types de post personnalisés, les skins de carte, les directions, le regroupement des marqueurs et la possibilité d’importer et d’exporter des marqueurs. Vous pouvez également afficher les articles de blog sur les cartes.

Il ajoute également la prise en charge des champs personnalisés avancés, des filtres, des superpositions HTML et du dessin avec des formes.

Un exemple de WP Google Map Plugin

Il y a beaucoup à aimer dans WP Google Map Plugin. Il gère bien les emplacements multiples et les cartes multiples, et dispose d’une excellente documentation dans la zone d’administration.

Je recommande de l’essayer.

Store Locator (Google Maps) Pour WordPress (25 $)

Les propriétaires de boutiques en ligne devraient consulter Store Locator (Google Maps) Pour WordPress. Le plugin peut être utilisé pour créer des cartes qui affichent les magasins à proximité de l’emplacement d’un utilisateur.

Il dispose de trois styles de modèles différents, et permet aux emplacements d’être affichés en utilisant une liste ou un style accordéon, tandis que les marqueurs et les groupes de marqueurs sont également disponibles. Toutes ces fonctionnalités vous donnent une certaine flexibilité sur l’apparence de votre carte.

Agile Store Locator Map Examples

Tous les magasins peuvent être catégorisés, et vous pouvez afficher une boîte d’articles pour chaque magasin. Une liste de magasins peut être importée via un fichier de feuille de calcul XLS, et vous pouvez même attacher un logo ou une image à la boîte d’articles pour faire ressortir un magasin.

Agile Store Locator Map

Les acheteurs disposent d’une foule de fonctionnalités pour les aider à trouver le magasin qu’ils recherchent.

Ils peuvent entrer un emplacement dans la carte, ou choisir de sélectionner leur emplacement automatiquement en utilisant la fonctionnalité de géolocalisation fournie par les navigateurs.

Sous la carte principale se trouve un grand panneau de contrôle qui permet aux acheteurs de modifier l’apparence de la carte et ce qui est affiché. La carte peut changer radicalement lorsque des options telles que le modèle et la carte par défaut sont modifiées.

Agile Store Locator Advanced Options

Store Locator (Google Maps) For WordPress se vend au détail à 25 $ chez CodeCanyon.

Avec toutes les fonctionnalités et les paramètres orientés vers la liste des magasins, Store Locator n’est pas pour tout le monde. Cependant, ceux qui gèrent des boutiques en ligne et des annuaires d’entreprises apprécieront ce que le plugin offre.

10Web Google Maps (FREE/$30-plus)

10Web Google Maps est un excellent plugin WordPress Google Maps qui vous permet d’insérer des cartes dans votre contenu à l’aide de shortcodes, ou d’intégrer des cartes dans la conception de votre site Web à l’aide de PHP.

La page principale de création de carte vous permet d’ajouter des marqueurs, ainsi que des formes telles que des polygones et des polylignes. Le processus d’ajout de formes est simple : Tout ce que vous avez à faire est de faire défiler jusqu’à la position sur la carte où vous voulez commencer la forme et de cliquer sur le bouton droit de votre souris. Répétez ensuite le processus pour les autres points de la forme.

Ajouter une carte dans 10Web Google Maps

Huit onglets de réglage sont disponibles pour chaque carte que vous créez, et vous pouvez modifier le type de carte, le niveau de zoom, les contrôles, les couches et plus encore.

Il y a même une option pour activer la fonctionnalité de localisation de magasin à votre carte. Certaines fonctionnalités, comme les directions et les listes de marqueurs, ne sont pas disponibles dans la version gratuite, mais la plupart des fonctionnalités et paramètres principaux sont disponibles.

10Web Google Maps Settings

10Web Google Maps Pro ajoute la prise en charge du dessin de cercles et de rectangles, et ajoute la possibilité d’importer et d’exporter des cartes.

Les autres fonctionnalités que la mise à niveau débloque comprennent des habillages de cartes personnalisables, des directions et des filtres de catégories de marqueurs.

La version pro se vend à partir de seulement 30 $, mais d’autres plans sont disponibles avec des périodes de support plus longues et le support de domaines supplémentaires.

Une carte créée avec 10Web Google Maps

Avec la prise en charge des couches, des formes, des marqueurs et d’autres fonctionnalités utiles, il est facile de comprendre pourquoi la version gratuite de 10Web Google Maps s’est avérée si populaire auprès des utilisateurs de WordPress.

Mention honorable

Il existe une abondance de solutions Google Maps disponibles pour les utilisateurs de WordPress, et le standard est généralement très bon.

Pendant mes recherches pour cet article, j’ai testé de nombreux plugins WordPress qui ont manqué de peu le couperet.

Si vous recherchez une solution simple, Very Simple Google Maps est une bonne alternative à Simple Google Maps Shortcode, car il peut également être utilisé pour ajouter des cartes rapidement à l’aide de shortcodes. Une autre solution de base à vérifier est la solution de cartes adaptée à Gutenberg Google Maps Gutenberg Block et Simple Google Map, facile à utiliser.

Google Maps Gutenberg Block

Google Maps Bank et CP Google Maps sont tous deux d’excellentes solutions de cartes, mais la plupart des options sont limitées à la version pro. Bien que les versions pro soient relativement bon marché, il existe de meilleures alternatives pour ceux qui sont prêts à dépenser de l’argent.

La solution Google Maps deupsystic, Google Maps Easy (39 $ pour la version pro), et le plugin d’alternatives Google Maps, Ultimate Maps by Supsystic (également 39 $ pour la version pro), sont bien mieux configurés à cet égard. Ces deux plugins WordPress vous donnent accès à des centaines d’options dans la version gratuite, et incluent de nombreuses fonctionnalités que d’autres développeurs font payer. Ils valent vraiment la peine d’être examinés.

Les autres plugins Google Maps gratuits à consulter sont Intergeo Maps, Google Maps CP, WP Google Map, Novo-Map et Flexible Map.

Google Maps Easy

Enfin, nous avons les solutions Google Maps premium qui sont disponibles sur CodeCanyon. Nous en avons déjà examiné certaines, notamment le plugin Google Maps Locator pour WordPress, Hero Maps Premium et Store Locator (Google Maps) For WordPress. Cependant, il existe également d’autres bonnes options sur CodeCanyon.

En particulier, 5sec Google Maps PRO (20 $) et Google Maps (20 $) se démarquent pour moi en raison du nombre de fonctionnalités et d’options proposées, ainsi que des conceptions de cartes professionnelles.

5sec Google Maps PRO

Veuillez également consulter WP Advanced Google Maps (30 $), Advanced Google Maps (13 $) et Responsive Styled Google Maps (16 $).

Pensées finales

Je n’ai pas trouvé qu’un plugin WordPress Google Maps particulier était  » le meilleur « , donc cela dépend vraiment de votre budget et de vos besoins, car la plupart des solutions offrent certaines fonctionnalités que l’on ne trouve pas ailleurs.

Vous devriez donc tester autant de solutions que possible pour voir laquelle vous convient le mieux, à vous et à votre site web.

Avec plus de 400 000 installations actives, WP Google Maps est un bon point de départ pour voir ce qui est possible avec Google Maps. Cependant, si vous ne recherchez pas de fonctionnalités avancées, vous devriez certainement essayer les solutions de base telles que Simple Google Maps Shortcode et Google Maps Widget.

Quel est votre plugin Google Maps préféré ? Des idées ?

Par Kevin Muldoon

Kevin Muldoon est un blogueur professionnel qui aime les voyages. Il écrit régulièrement sur le marketing internet sur son blog personnel et parle activement de la technologie sur YouTube.

.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *