Gasolineras

01 — Qué es

Qué es y para qué sirve

Gasolineras reúne los precios de carburantes publicados por el Ministerio para la Transición Ecológica y los presenta de dos maneras. La vista Mapa en vivo coloca las estaciones sobre el mapa y muestra un ranking lateral: las más baratas de la zona según el combustible elegido.

La vista Histórico responde a la pregunta «¿está caro o barato el carburante?»: para cada combustible ofrece los indicadores de hoy (precio medio y mediano, máximo y mínimo históricos con su fecha) y series por provincia y por estación concreto.

• Vista Mapa en vivo (/mapa/) con ranking de las más baratas.
• Vista Histórico (/) con KPIs, tabla por provincia y ficha por estación.
• Selector de combustible (Gasóleo A, gasolina y otros productos del geoportal).
• Widget embebible para colocar el mapa en una web de terceros.

02 — Los datos

De dónde salen los datos

Por confirmar: la descripción de la app dice que la serie empieza en 2015; el registro más antiguo que he podido verificar (mínimo histórico de Gasóleo A) es del 25-01-2016, así que no afirmo el arranque en 2015.

03 — Uso

Cómo se usa

1. Abre gasolineras.elabeto.com. Entras en la vista Histórico.
2. Elige el combustible en el selector superior; los KPIs y las tablas se recalculan al instante.
3. Consulta los KPIs de hoy: precio medio y mediano, y los máximos/mínimos históricos con su fecha.
4. Baja a la tabla por provincia para comparar precios y ver el número de estaciones de cada una.
5. Pincha una estación para abrir su ficha con la serie de precios.
6. Cambia a Mapa en vivo (/mapa/) para ver las estaciones sobre el mapa y el ranking de las más baratas de la zona.

04 — Incrustar

Incrustarlo en tu web

El embed muestra sólo el mapa, sin ranking lateral, y se configura con parámetros en la URL. Los parámetros reconocidos por la página son: fuel, fuelLabel, lat, lng, zoom, topbar, brand, ads, theme y cluster.

<iframe src="https://gasolineras.elabeto.com/embed.html?fuel=gasoleo_a&fuelLabel=Gas%C3%B3leo%20A&lat=40.4168&lng=-3.7038&zoom=12"
        width="100%" height="420" style="border:1px solid #e4e4e7;border-radius:14px"
        loading="lazy" title="Precios de gasolineras"></iframe>

• lat, lng, zoom centran el mapa (por defecto, Madrid a zoom 12).
• topbar=0 y brand=0 ocultan la barra y la marca; ads=1 la activa (oculta por defecto).
• cluster=1 agrupa los puntos; theme cambia el tema.