To display maps in your Progressive Web App (PWA), you need an external map service. You can choose between Google Maps Platform and Mapbox .
Both services are free up to a monthly limit, then pay as you go. Each service counts its own way:
- Google Maps Platform: since March 2025, each service has its own free monthly cap (10,000 map loads, 10,000 static map images and 10,000 address lookups on the global price list). The former $200 monthly credit no longer exists. A billing account is mandatory, even within the free caps. See Google Maps Platform pricing .
- Mapbox: 50,000 map loads per month are free once a payment method is added to your Mapbox account. Without a payment method, the account is limited to 5,000 map loads per month, and Mapbox can cut access to its maps when that limit is reached. See Mapbox pricing .
With both services, every time a map is displayed in your PWA, one map load is counted. Moving or zooming that map is not counted again.
To set up Mapbox, follow this online help:
Configure Mapbox for your PWA
To set up Google Maps, follow this online help:
Configure Google Maps for your PWA
Both services are free up to a monthly limit, then pay as you go. Each service counts its own way:
- Google Maps Platform: since March 2025, each service has its own free monthly cap (10,000 map loads, 10,000 static map images and 10,000 address lookups on the global price list). The former $200 monthly credit no longer exists. A billing account is mandatory, even within the free caps. See Google Maps Platform pricing .
- Mapbox: 50,000 map loads per month are free once a payment method is added to your Mapbox account. Without a payment method, the account is limited to 5,000 map loads per month, and Mapbox can cut access to its maps when that limit is reached. See Mapbox pricing .
With both services, every time a map is displayed in your PWA, one map load is counted. Moving or zooming that map is not counted again.
To set up Mapbox, follow this online help:
Configure Mapbox for your PWA
To set up Google Maps, follow this online help:
Configure Google Maps for your PWA
