steven/gas
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

selfhost leaflet bc unpkg down + minor logic changes

Browse source
This commit is contained in:
steven 2025-03-31 01:57:26 -04:00
parent 5385683271
commit 9fd8e8f491
1 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

13
templates/map.html
View file

@ -7,8 +7,8 @@
<meta content='https://gas.stevenalexander.org/gas.svg' property='og:image'> <meta content='https://gas.stevenalexander.org/gas.svg' property='og:image'>
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="icon" type="image/x-icon" href="/gas.svg"> <link rel="icon" type="image/x-icon" href="/gas.svg">
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin="anonymous"></script> <script src="https://stevenalexander.org/leaflet/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="anonymous"> <link rel="stylesheet" href="https://stevenalexander.org/leaflet/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="anonymous">
<base target="_blank"> <base target="_blank">
<style>html,body{height:100%;margin:0;}#map{height:100vh;} <style>html,body{height:100%;margin:0;}#map{height:100vh;}
.leaflet-container a{ .leaflet-container a{
@ -34,8 +34,8 @@ let osm=L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png')
let map=L.map('map',{center:[38.243,-85.647],zoom:11,layers:[osm]}); let map=L.map('map',{center:[38.243,-85.647],zoom:11,layers:[osm]});
let layerControl=L.control.layers({"fetching gas prices...":osm},null,{collapsed:false}).addTo(map); let layerControl=L.control.layers({"fetching gas prices...":osm},null,{collapsed:false}).addTo(map);
fetch('gas.csv').then(response=>{ fetch('gas.csv').then(response=>{
layerControl.remove();
if(!response.ok){ if(!response.ok){
layerControl.remove();
L.control.layers({'fetch failed. try reloading?':osm},null,{collapsed:false}).addTo(map); L.control.layers({'fetch failed. try reloading?':osm},null,{collapsed:false}).addTo(map);
return return
} }
@ -45,15 +45,14 @@ fetch('gas.csv').then(response=>{
csv.split('\n').forEach(line=>{ csv.split('\n').forEach(line=>{
if(line.includes(',')){ if(line.includes(',')){
let [u,p,lat,lng,id]=line.split(','); let [u,p,lat,lng,id]=line.split(',');
[u,p]=[u,p].map(cents=>(cents/100).toFixed(2)); [u,p]=[u,p].map(cents=>"$"+(cents/100).toFixed(2));
L.marker([lat,lng],{icon:L.divIcon({className:store,html:`<a href="${url.replace("X",id)}">$${u}\n$${p}</a>`,iconSize:[44,44]})}).addTo(storeLayers[store]) L.marker([lat,lng],{icon:L.divIcon({className:store,html:`<a href="${url.replace("X",id)}">${u}\n${p}</a>`,iconSize:[44,44]})}).addTo(storeLayers[store])
}else{ }else{
[store,url]=line.split(" "); [store,url]=line.split(" ");
storeLayers[store]=L.layerGroup().addTo(map) storeLayers[store]=L.layerGroup().addTo(map)
} }
}) })
layerControl.remove(); L.control.layers(null,storeLayers,{collapsed:false}).addTo(map)
layerControl=L.control.layers(null,storeLayers,{collapsed:false}).addTo(map)
}) })
</script> </script>
</body> </body>