Pour afficher des cartes dans votre Progressive Web App (PWA), vous devez utiliser un service de cartographie externe. Vous avez le choix entre Google Maps Platform et Mapbox .
Les deux services sont gratuits jusqu'à une limite mensuelle, puis facturés à l'usage. Chacun compte à sa façon :
- Google Maps Platform : depuis mars 2025, chaque service a sa propre limite gratuite mensuelle (10 000 chargements de carte, 10 000 images de carte statiques et 10 000 recherches d'adresse sur la grille tarifaire mondiale). L'ancien crédit mensuel de 200 $ n'existe plus. Un compte de facturation est obligatoire, même sous ces limites. Voir les tarifs de Google Maps Platform .
- Mapbox : 50 000 chargements de carte par mois sont gratuits une fois qu'un moyen de paiement est ajouté à votre compte Mapbox. Sans moyen de paiement, le compte est limité à 5 000 chargements de carte par mois, et Mapbox peut couper l'accès à ses cartes une fois cette limite atteinte. Voir les tarifs de Mapbox .
Avec les deux services, chaque carte affichée dans votre PWA compte pour un chargement. Déplacer ou zoomer cette carte n'est pas compté à nouveau.
Pour configurer Mapbox, suivez cette aide en ligne :
Configurer Mapbox pour votre PWA
Pour configurer Google Maps, suivez cette aide en ligne :
Configurer Google Maps pour la PWA
Les deux services sont gratuits jusqu'à une limite mensuelle, puis facturés à l'usage. Chacun compte à sa façon :
- Google Maps Platform : depuis mars 2025, chaque service a sa propre limite gratuite mensuelle (10 000 chargements de carte, 10 000 images de carte statiques et 10 000 recherches d'adresse sur la grille tarifaire mondiale). L'ancien crédit mensuel de 200 $ n'existe plus. Un compte de facturation est obligatoire, même sous ces limites. Voir les tarifs de Google Maps Platform .
- Mapbox : 50 000 chargements de carte par mois sont gratuits une fois qu'un moyen de paiement est ajouté à votre compte Mapbox. Sans moyen de paiement, le compte est limité à 5 000 chargements de carte par mois, et Mapbox peut couper l'accès à ses cartes une fois cette limite atteinte. Voir les tarifs de Mapbox .
Avec les deux services, chaque carte affichée dans votre PWA compte pour un chargement. Déplacer ou zoomer cette carte n'est pas compté à nouveau.
Pour configurer Mapbox, suivez cette aide en ligne :
Configurer Mapbox pour votre PWA
Pour configurer Google Maps, suivez cette aide en ligne :
Configurer Google Maps pour la PWA