From 0d58967da2a58b5d676ea46c72a91ebbf1f28cf4 Mon Sep 17 00:00:00 2001
From: Jason Michalski <armooo@armooo.new>
Date: Sat, 27 Jul 2024 21:53:05 -0700
Subject: [PATCH] Use my new found fitBounds powers on the node map.

---
 meshview/templates/node.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/meshview/templates/node.html b/meshview/templates/node.html
index 11a84c5..19e1d4b 100644
--- a/meshview/templates/node.html
+++ b/meshview/templates/node.html
@@ -79,17 +79,20 @@
 <script>
     var trace = {{trace | tojson}};
     var map = L.map('map').setView(trace[0], 13);
+    var markers = L.featureGroup();
+    markers.addTo(map);
     L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
         maxZoom: 19,
         attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
     }).addTo(map);
     L.polyline(trace).addTo(map);
-    L.marker(trace[0]).addTo(map);
+    L.marker(trace[0]).addTo(markers);
     {% for n in neighbors %}
     var m = L.circleMarker({{n.location | tojson}});
     m.bindPopup('SNR: {{n.snr}}<br/><a href="/packet_list/{{n.node_id}}">[{{n.short_name}}] {{n.long_name}} {{n.node_id | node_id_to_hex}}</a>');
-    m.addTo(map);
+    m.addTo(markers);
     L.polyline([trace[0], {{n.location | tojson}}], {color: 'red'}).addTo(map);
+    map.fitBounds(markers.getBounds().pad(.7));
     {% endfor %}
 </script>
 {% endif %}