*/ $(".autocomplete-suggestions.poi_map_autocomplete").appendTo("body"); }); map.zoomControl.setPosition("topright"); var baseMaps = { "Vereinfachte Kartenansicht": lite, "Detaillierte Kartenansicht": full, "Satellitenansicht": satellite }; /* Tankstellen-Marker laden */ loadTankstellen(); /* DropDown: Kraftstofftyp */ $(".tankstellen .ts-petrol").find(":selected").val() + ";max-age=2592000;path=/"; /* Treibstoff hervorheben */ $(".activate").removeClass("active"); $(".activate.activate_"+ $(".tankstellen .ts-petrol").find(":selected").val() ).addClass("active"); loadTankstellen(); }); /* CenterCircle */ var centerCircle = L.circleMarker(map.getCenter(), { radius: 4, color: "#005CA2", fillOpacity: 1, }).addTo(map); var centerShadow = L.circleMarker(map.getCenter(), { radius: 10, color: "#005ca2", weight: 1, fillColor: "#005ca2", fillOpacity: 0.25, }).addTo(map); /* Map wird bewegt: Tankstellen im Sichtfeld neu laden */ var popup = false; map.on("popupopen", function(e) { popup = e.popup._source; }); map.on("popupclose", function(e) { popup = false; loadTankstellen(); }); map.on("move", function(e) { centerShadow.setLatLng( map.getCenter() ); map._renderer._update(); }); map.on("moveend", function(e) { loadTankstellen(); }); /* Tankstätten & Preise nachladen */ function loadTankstellen() { /* Bounds */ var bounds = map.getBounds(); bounds = bounds._northEast.lat + "," + bounds._northEast.lng + "," + bounds._southWest.lat + "," + bounds._southWest.lng; /* Click to load-Hinweis ggf. ausblenden */ if ( typeof click_to_reload !== "undefined" ) { map.removeLayer(click_to_reload); } /* Delayed */ var delayInMilliseconds = 250; setTimeout(function() { /* Wird bzw. ist ein Popup geöffnet? Keine neue Suche auslösen, obwohl Karte bewegt wird (Marker wird zentriert) */ if ( popup !== false ) { if ( map.getBounds().contains( popup._latlng ) === false ) { click_to_reload = new L.Marker( map.getCenter() , { icon: new L.DivIcon({ iconSize: [165, 37], iconAnchor: [80, 19], className: "click_to_reload btn btn-sm btn-primary", html: "Hier neu suchen" }) }).addTo(map); } return true; } /* Loading */ var center = map.getCenter(); centerCircle.setLatLng( center ); var loadingIcon = L.divIcon({className: "loading"}); var loadingMarker = new L.marker( center , {icon: loadingIcon}); map.addLayer(loadingMarker); /* Ausgewählte Kraftstoffsorte */ var petrol = $(".tankstellen .ts-petrol").find(":selected").val(); var petrol_fine = ( petrol == "e5" ? "Super E5" : ( petrol == "e10" ? "Super E10" : ( petrol == "diesel" ? "Diesel" : "" ) ) ); $.ajax({ dataType: "json", url: "https://cdn.onlinestreet.de/actions/tankstellen/map-ts.php", type: "POST", data: "center="+ center.lat +","+ center.lng +"&bounds="+ bounds, cache: false, xhrFields: { withCredentials: true }, success: function(data){ /* Bisherige Tankstellen-Marker zurücksetzen */ tankstellen.clearLayers(); /* Keine Tankstellen? Map so lange herauszoomen, bis min. 2 gefunden werden */ if ( data.anzahl <= 1 && map.getZoom() >= 7 ) { map.setZoom( map.getZoom() - 1 ); } /* Farbskala definieren */ color_range = ( petrol == "e5" ? ( data.preisdaten.umgebung.e5_avg - data.preisdaten.umgebung.e5_min ) / 2 : ( petrol == "e10" ? ( data.preisdaten.umgebung.e10_avg - data.preisdaten.umgebung.e10_min ) / 2 : ( petrol == "diesel" ? ( data.preisdaten.umgebung.diesel_avg - data.preisdaten.umgebung.diesel_min ) / 2 : FALSE ) ) ); /* MIN & AVG price extrahieren */ price_min = ( petrol == "e5" ? data.preisdaten.tankstellen.e5_min : ( petrol == "e10" ? data.preisdaten.tankstellen.e10_min : ( petrol == "diesel" ? data.preisdaten.tankstellen.diesel_min : null ) ) ); price_umgebung_avg = ( petrol == "e5" ? data.preisdaten.umgebung.e5_avg : ( petrol == "e10" ? data.preisdaten.umgebung.e10_avg : ( petrol == "diesel" ? data.preisdaten.umgebung.diesel_avg : null ) ) ); /* Tankstellen durchgehen und auf Karte platzieren */ guenstigste_tankstelle = false; ts = []; $(data.tankstellen).each(function() { /* PREIS an DIESER Tankstelle für GEWÄHLTEN Kraftstoff */ price = ( petrol == "e5" && this.e5_price !== null ? this.e5_price : ( petrol == "e10" && this.e10_price !== null ? this.e10_price : ( petrol == "diesel" && this.diesel_price !== null ? this.diesel_price : null ) ) ); /* PREIS im VERGLEICH */ ersparnis = ( ( parseFloat(price) - parseFloat(price_umgebung_avg) ) * 100 ).toFixed(1); if ( ersparnis < 0 ) { ersparnis_fine = ersparnis * -1 +" Cent
günstiger"; } else if ( ersparnis > 0 ) { ersparnis_fine = ersparnis +" Cent
teurer"; } /* FARBEN */ if ( price == price_min ) { color = "green"; /* Erste (=wenigste Entfernung) GÜNSTIGSTE Tankstelle merken */ if ( guenstigste_tankstelle == false ) { guenstigste_tankstelle = this; } } else if ( parseFloat(price) < ( parseFloat(price_umgebung_avg) - color_range ) ) { color = "green"; } else if ( parseFloat(price) >= ( parseFloat(price_umgebung_avg) - color_range ) && parseFloat(price) <= parseFloat(price_umgebung_avg) ) { color = "grey"; } else if ( parseFloat(price) > parseFloat(price_umgebung_avg) && parseFloat(price) <= ( parseFloat(price_umgebung_avg) + color_range ) ) { color = "yellow"; } else { color = "red"; } if ( price !== null ) { if ( price === price_min ) { iconSizeX = 70; iconSizeY = 80; iconAnchorX = 35; iconAnchorY = 70; } else { iconSizeX = 60; iconSizeY = 70; iconAnchorX = 30; iconAnchorY = 60; } ts[ this.grunddaten_id ] = new L.Marker(new L.LatLng(this.latitude, this.longitude), { icon: new L.DivIcon({ iconSize: [iconSizeX, iconSizeY], iconAnchor: [iconAnchorX, iconAnchorY], className: "tankstelle ts_"+ this.grunddaten_id +" "+ color + ( price === price_min ? " guenstigste" : "" ), html: "
"+ this.petrolStationBrand +""+ price.slice(0, -1) +"
"+ price.slice(-1) +"" }) }).bindPopup( ""+ this.petrolStationName +"" +"
"+ this.petrolStationStreet +" "+ this.petrolStationHouseNumber +", "+ this.petrolStationPostcode +" "+ this.petrolStationPlace +"" + ( ( this.start == null && this.end == null ) || ( this.start == "00:00:00" && this.end == "00:00:00" ) ? "
24h geöffnet" : "
Geöffnet von "+ this.start.slice(0, -3) +" bis "+ this.end.slice(0, -3) +" Uhr" ) +"
" + ( this.e5_price !== null ? "Super E5 | "+ this.e5_price.slice(0, -1) +""+ this.e5_price.slice(-1) +" |
" : "" ) + ( this.e10_price !== null ? "Super E10 | "+ this.e10_price.slice(0, -1) +""+ this.e10_price.slice(-1) +" |
" : "" ) + ( this.diesel_price !== null ? "Diesel | "+ this.diesel_price.slice(0, -1) +""+ this.diesel_price.slice(-1) +" |
" : "" ) +"
" +"
"+ ( this.PetrolStationId == guenstigste_tankstelle.PetrolStationId ? "Günstigste Tankstelle an Karte" : ( color == "green" ? "Guter Preis" : ( color == "grey" ? "Preis in Ordnung" : ( color == "yellow" ? "Preis eher hoch" : ( color == "red" ? "Teuer im Vergleich" : "" ) ) ) ) ) +""+ ersparnis_fine +" als die Durchschnittspreis für 1l "+ petrol_fine +" in die Umgebung.
" +"
Daten: "+ new Date( this.last_update ).toLocaleString("de-DE", { timeStyle: "short", dateStyle: "short" }) +" Uhr, MTS-K" +"
" /* +"" */ +" Karte > Popup\" data-label=\"Route\" href=\"https://www.google.de/maps/dir//"+ this.petrolStationName +", "+ this.petrolStationStreet +" "+ this.petrolStationHouseNumber +", "+ this.petrolStationPostcode +" "+ this.petrolStationPlace +"/\">Route hierhin" +"" +"
" ); tankstellen.addLayer(ts[this.grunddaten_id]); map.addLayer(tankstellen); } }); /* Overview: Günstigste Tankstelle */ if ( guenstigste_tankstelle != false ) { guenstigste_tankstelle.price = ( petrol == "e5" && guenstigste_tankstelle.e5_price !== null ? guenstigste_tankstelle.e5_price : ( petrol == "e10" && guenstigste_tankstelle.e10_price !== null ? guenstigste_tankstelle.e10_price : ( petrol == "diesel" && guenstigste_tankstelle.diesel_price !== null ? guenstigste_tankstelle.diesel_price : null ) ) ); $("#ts-overview .guenstigste .ts").attr("onclick", "ts["+ guenstigste_tankstelle.grunddaten_id +"].openPopup();scroll_to_element(\"#poi_map\");"); $("#ts-overview .guenstigste .ts").html( "
"+ guenstigste_tankstelle.petrolStationName + ( guenstigste_tankstelle.petrolStationName.indexOf( guenstigste_tankstelle.petrolStationBrand ) == -1 ? " ("+ guenstigste_tankstelle.petrolStationBrand +")" : "" ) +"
" +"
"+ petrol_fine +" |
---|
"+ guenstigste_tankstelle.price.slice(0, -1) +""+ guenstigste_tankstelle.price.slice(-1) +" |
" +"
" + guenstigste_tankstelle.petrolStationStreet +" "+ guenstigste_tankstelle.petrolStationHouseNumber +"
"+ guenstigste_tankstelle.petrolStationPostcode +" "+ guenstigste_tankstelle.petrolStationPlace +"
("+ parseFloat(guenstigste_tankstelle.entfernung).toFixed(1) +" km Luftlinie)
" ); } /* Overview: Preisniveau */ $("#ts-overview .preisniveau table .head th").html( petrol_fine ); if ( petrol == "e5" && data.preisdaten.umgebung.e5_min != null ) { $(".preisniveau table .min .price").html( data.preisdaten.umgebung.e5_min.slice(0, -1) +"
"+ data.preisdaten.umgebung.e5_min.slice(-1) +"" ); $(".preisniveau table .avg .price").html( data.preisdaten.umgebung.e5_avg.slice(0, -1) +"
"+ data.preisdaten.umgebung.e5_avg.slice(-1) +"" ); $(".preisniveau table .max .price").html( data.preisdaten.umgebung.e5_max.slice(0, -1) +"
"+ data.preisdaten.umgebung.e5_max.slice(-1) +"" ); } else if ( petrol == "e10" && data.preisdaten.umgebung.e10_min != null ) { $(".preisniveau table .min .price").html( data.preisdaten.umgebung.e10_min.slice(0, -1) +"
"+ data.preisdaten.umgebung.e10_min.slice(-1) +"" ); $(".preisniveau table .avg .price").html( data.preisdaten.umgebung.e10_avg.slice(0, -1) +"
"+ data.preisdaten.umgebung.e10_avg.slice(-1) +"" ); $(".preisniveau table .max .price").html( data.preisdaten.umgebung.e10_max.slice(0, -1) +"
"+ data.preisdaten.umgebung.e10_max.slice(-1) +"" ); } else if ( petrol == "diesel" && data.preisdaten.umgebung.diesel_min != null ) { $(".preisniveau table .min .price").html( data.preisdaten.umgebung.diesel_min.slice(0, -1) +"
"+ data.preisdaten.umgebung.diesel_min.slice(-1) +"" ); $(".preisniveau table .avg .price").html( data.preisdaten.umgebung.diesel_avg.slice(0, -1) +"
"+ data.preisdaten.umgebung.diesel_avg.slice(-1) +"" ); $(".preisniveau table .max .price").html( data.preisdaten.umgebung.diesel_max.slice(0, -1) +"
"+ data.preisdaten.umgebung.diesel_max.slice(-1) +"" ); } /* Overview: Last Update ergänzen */ last_update = new Date( data.preisdaten.umgebung.last_update ).toLocaleString("de-DE", { timeStyle: "short", dateStyle: "short" }); $("#ts-overview #last_update").html( last_update +" Uhr" ); /* Loading ausblenden */ map.removeLayer(loadingMarker); } }); }, delayInMilliseconds); } }
Die Preisentwicklung in Deutschland
Tankstellenpreise der letzten 30 Tage Datengrundlage: 15.032 Tankstellen in Deutschland mit vorliegenden Preisdaten vom 23.12.2024 bis 21.01.2025
Bester Zeitpunkt(Tag & Uhrzeit) zum Tanken
An welchem Wochentag war Tanken in Deutschland (in den letzten 4 Wochen)am günstigsten?
Super E5 | Mittwoch (durchschnittlich 1.782 €) |
---|
Super E10 | Mittwoch (durchschnittlich 1.726 €) |
---|
Diesel | Mittwoch (durchschnittlich 1.656 €) |
---|
Um welche Uhrzeit waren die Spritpreise deutschlandweit (in den letzten 4 Wochen)am billigsten?
Super E5 | Zwischen 21 und 22 Uhr (durchschnittlich 1.761 €) |
---|
Super E10 | Zwischen 21 und 22 Uhr (durchschnittlich 1.705 €) |
---|
Diesel | Zwischen 21 und 22 Uhr (durchschnittlich 1.631 €) |
---|
Kraftstoffpreise nach WochentagLetzte 4 Wochen, Durchschnitt je Wochentag
Preise im TagesverlaufLetzte 30 Tage, Durchschnittspreis nach Uhrzeit
Preisentwicklung der letzten 30 Tage Mittelwert je Tag
Woher stammen die Preisdaten und wie vertrauenswürdig sind diese?
Tankstellenbetreiber sind gesetztlich dazu verpflichtet, Änderungen der Kraftstoffpreise, innerhalb von 5 Minuten bei der Markttransparenzstelle für Kraftstoffe (MTS-K) des Bundeskartellamtes zu melden.
onlinestreet hat als zugelassener Verbraucher-Informationsdienst Zugriff auf diese Daten, aggregiert und archiviert diese, ermittelt Durchschnittswerte und leitet daraus Preisentwicklungen ab.
Was gefällt Dir und was können wir noch verbessern?
Wir möchten, dass Du auf onlinestreet die beste Daten und deren Aufbereitung vorfindest, um eine gute Entscheidung treffen zu können, wann und wo Du tankst.
Solltest du einen Fehler entdecken oder einen Verbesserungsvorschlag haben, freuen wir uns sehr, von Dir an hören!