Para mostrar mapas en tu Progressive Web App (PWA), necesitas un servicio de mapas externo. Puedes elegir entre Google Maps Platform y Mapbox .
Ambos servicios son gratuitos hasta un límite mensual y después se pagan según el uso. Cada uno cuenta a su manera:
- Google Maps Platform: desde marzo de 2025, cada servicio tiene su propio límite gratuito mensual (10 000 cargas de mapa, 10 000 imágenes de mapa estáticas y 10 000 búsquedas de dirección en la lista de precios global). El antiguo crédito mensual de 200 $ ya no existe. Una cuenta de facturación es obligatoria, incluso dentro de estos límites. Consulta los precios de Google Maps Platform .
- Mapbox: 50 000 cargas de mapa al mes son gratuitas una vez añadido un método de pago a tu cuenta de Mapbox. Sin método de pago, la cuenta está limitada a 5 000 cargas de mapa al mes, y Mapbox puede cortar el acceso a sus mapas al alcanzar ese límite. Consulta los precios de Mapbox .
Con ambos servicios, cada mapa mostrado en tu PWA cuenta como una carga. Mover o hacer zoom en ese mapa no se vuelve a contar.
Para configurar Mapbox, sigue esta ayuda en línea:
Configurar Mapbox para tu PWA
Para configurar Google Maps, sigue esta ayuda en línea:
Configurar Google Maps para tu PWA
Ambos servicios son gratuitos hasta un límite mensual y después se pagan según el uso. Cada uno cuenta a su manera:
- Google Maps Platform: desde marzo de 2025, cada servicio tiene su propio límite gratuito mensual (10 000 cargas de mapa, 10 000 imágenes de mapa estáticas y 10 000 búsquedas de dirección en la lista de precios global). El antiguo crédito mensual de 200 $ ya no existe. Una cuenta de facturación es obligatoria, incluso dentro de estos límites. Consulta los precios de Google Maps Platform .
- Mapbox: 50 000 cargas de mapa al mes son gratuitas una vez añadido un método de pago a tu cuenta de Mapbox. Sin método de pago, la cuenta está limitada a 5 000 cargas de mapa al mes, y Mapbox puede cortar el acceso a sus mapas al alcanzar ese límite. Consulta los precios de Mapbox .
Con ambos servicios, cada mapa mostrado en tu PWA cuenta como una carga. Mover o hacer zoom en ese mapa no se vuelve a contar.
Para configurar Mapbox, sigue esta ayuda en línea:
Configurar Mapbox para tu PWA
Para configurar Google Maps, sigue esta ayuda en línea:
Configurar Google Maps para tu PWA
