Pendant des années, j’ai programmé des pages Web simples en utilisant Google Maps: des localisateurs de magasin, des pages de contact simples et un filtrage de carte plus avancé. En juin 2018, Google a décidé de mettre fin à l’accès gratuit à l’API JavaScript de Google Maps . qui souhaite utiliser l’API pour saisir ses informations de carte de crédit afin de pouvoir accéder aux 20 000 premiers «chargements de page» de l’API.
Google a récemment pris un certain nombre de décisions discutables concernant la confidentialité, y compris cet appât avec leurs produits Maps, et de nouveaux ajouts sommaires à Chrome 69 , ce qui, je pense, les nuira à long terme. J’ai décidé de supprimer les produits de Google (principalement des cartes et des analyses) sur l’un de mes sites et ceux de mon client en raison de problèmes de confidentialité et de difficultés générées par l’utilisation d’un numéro de carte pour utiliser le service de cartes sur de petits sites Web.
En tant que tel, j’ai commencé à rechercher des alternatives à Google Maps et j’ai trouvé deux bonnes options que j’ai commencé à mettre en œuvre sur de nouveaux projets que je trouve très utiles.
1. Cartes SVG créées par un graphiste
Voici un exemple de carte SVG qui a été ajoutée à un petit site Web immobilier récemment construit:
Cette carte a été conçue par l’agence de design torontoise Certo Creative, qui m’a fourni le SVG final du site.
Avantages d’une carte SVG :
- Le temps de chargement est beaucoup plus rapide que les cartes glissantes basées sur JavaScript
- Très respectueux de la vie privée car aucune requête JS externe n’est faite
- Capacité à rendre la carte totalement personnalisée et à paraître unique et attrayante professionnel pour un site particulier. Si le concepteur est bon, ces cartes sont bien plus attrayantes que les styles par défaut de Google Maps
- Différentes versions stylisées peuvent être téléchargées facilement et rapidement sur un mobile, une tablette ou un ordinateur de bureau sans avoir à gérer une erreur réactive ou à remplacer les CSS externes
Inconvénients d’une carte SVG :
- Le budget d’un projet nécessite une marge de manœuvre pour payer un concepteur afin de créer une belle carte
- Pas d’interactivité aucun marqueur, clustering, infowindows, etc. – seulement utile pour un contenu simple
2. Open Street Map (OSM) et MapBox
Si vous utilisez des cartes de DuckDuckGo , vous remarquerez que c’est la configuration qu’ils utilisent. OSM est gratuit et open-source et je trouve leurs données aussi bonnes ou meilleures que celles de Google. Mapbox est simplement un fournisseur basé sur les données OSM pour vous donner un grand contrôle sur une carte OSM, y compris les couleurs, les “calques”, etc.
Avantages d’OSM + MapBox :
- Gratuit pour un maximum de 50 000 “charges”, aucune carte de crédit requise
- Style et fonctionnalité hautement personnalisables essentiellement à égalité avec Google Maps
- Simple à apprendre si vous connaissez déjà JSON / JavaScript
- Utilise la norme largement adoptée de données GeoJSON
- Assistance technique réelle que vous pouvez contacter si vous rencontrez un problème
- Tarification raisonnable
Inconvénients d’OSM + Mapbox :
- Le style JavaScript est différent de celui de Google Maps, il y aura donc un réapprentissage nécessaire
Je vous encourage à essayer d’utiliser ces alternatives dans vos projets et je pense que vous serez agréablement surpris!
Nous contactez