Per mostrare mappe nella tua Progressive Web App (PWA), ti serve un servizio di mappe esterno. Puoi scegliere tra Google Maps Platform e Mapbox .
Entrambi i servizi sono gratuiti fino a un limite mensile, poi si pagano a consumo. Ognuno conta a modo suo:
- Google Maps Platform: da marzo 2025, ogni servizio ha il proprio limite gratuito mensile (10.000 caricamenti di mappa, 10.000 immagini di mappa statiche e 10.000 ricerche di indirizzo nel listino prezzi globale). Il vecchio credito mensile di 200 $ non esiste più. Un account di fatturazione è obbligatorio, anche entro questi limiti. Consulta i prezzi di Google Maps Platform .
- Mapbox: 50.000 caricamenti di mappa al mese sono gratuiti dopo aver aggiunto un metodo di pagamento al tuo account Mapbox. Senza metodo di pagamento, l'account è limitato a 5.000 caricamenti di mappa al mese, e Mapbox può bloccare l'accesso alle sue mappe al raggiungimento del limite. Consulta i prezzi di Mapbox .
Con entrambi i servizi, ogni mappa mostrata nella tua PWA conta come un caricamento. Spostare o ingrandire quella mappa non viene contato di nuovo.
Per configurare Mapbox, segui questa guida online:
Configurare Mapbox per la tua PWA
Per configurare Google Maps, segui questa guida online:
Configurare Google Maps per la tua PWA
Entrambi i servizi sono gratuiti fino a un limite mensile, poi si pagano a consumo. Ognuno conta a modo suo:
- Google Maps Platform: da marzo 2025, ogni servizio ha il proprio limite gratuito mensile (10.000 caricamenti di mappa, 10.000 immagini di mappa statiche e 10.000 ricerche di indirizzo nel listino prezzi globale). Il vecchio credito mensile di 200 $ non esiste più. Un account di fatturazione è obbligatorio, anche entro questi limiti. Consulta i prezzi di Google Maps Platform .
- Mapbox: 50.000 caricamenti di mappa al mese sono gratuiti dopo aver aggiunto un metodo di pagamento al tuo account Mapbox. Senza metodo di pagamento, l'account è limitato a 5.000 caricamenti di mappa al mese, e Mapbox può bloccare l'accesso alle sue mappe al raggiungimento del limite. Consulta i prezzi di Mapbox .
Con entrambi i servizi, ogni mappa mostrata nella tua PWA conta come un caricamento. Spostare o ingrandire quella mappa non viene contato di nuovo.
Per configurare Mapbox, segui questa guida online:
Configurare Mapbox per la tua PWA
Per configurare Google Maps, segui questa guida online:
Configurare Google Maps per la tua PWA
