summaryrefslogtreecommitdiff
path: root/templates/map.html.ep
diff options
context:
space:
mode:
authorDaniel Friesel <derf@finalrewind.org>2019-11-16 14:50:07 +0100
committerDaniel Friesel <derf@finalrewind.org>2019-11-16 14:50:07 +0100
commit45f747961e14c5f63e895cdda97a830c5837a118 (patch)
treecf5e3c76a6f848d8d600ce190cf8ceaf4fa52f39 /templates/map.html.ep
parent0bfb71d78d1a7996fe0fb32af063ccfdc6ceea15 (diff)
map: add station names to points
Diffstat (limited to 'templates/map.html.ep')
-rw-r--r--templates/map.html.ep13
1 files changed, 8 insertions, 5 deletions
diff --git a/templates/map.html.ep b/templates/map.html.ep
index 1930e51..707b28e 100644
--- a/templates/map.html.ep
+++ b/templates/map.html.ep
@@ -14,7 +14,7 @@ L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
var stations = [
% for my $station ( @{stash('station_coordinates') // [] } ) {
-[<%= $station->[0] %>,<%= $station->[1] %>],
+[[<%= $station->[0][0] %>,<%= $station->[0][1] %>],'<%= $station->[1] %>'],
% }
];
@@ -25,14 +25,17 @@ var routes = [
];
for (var station_id in stations) {
- L.circle(stations[station_id], {
+ L.circle(stations[station_id][0], {
color: '#f03',
fillColor: '#f03',
fillOpacity: 0.5,
- radius: 100
- }).addTo(map);
+ radius: 250
+ }).bindPopup(stations[station_id][1]).addTo(map);
}
-L.polyline(routes, {color: '#f09', opacity: 0.5}).addTo(map);
+var pl = L.polyline(routes, {color: '#f09', opacity: 0.5}).addTo(map);
+if (routes.length) {
+ map.fitBounds(pl.getBounds());
+}
</script>