improve map

web/templates/map.html

@@ -3,7 +3,7 @@
      crossorigin="">
 <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
     integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
-    crossorigin="">
+    crossorigin=""></script>
 
 <style>
     #map { height: 750px; width: 100%; }
@@ -26,13 +26,13 @@
                 html: `
                 <div>
                     <span style="background-color: #eee; padding: 2px;">
-                        {{ loc.2 }}
+                        {{ loc.route_id }} to {{ loc.headsign }}
                     </span>
                 </div>`,
                 className: 'text-label'
             });
-            var marker = L.marker([{{loc.0}}, {{loc.1}}], {icon: icon}).addTo(map);
-            marker.bindPopup("{{ loc.2 }}")
+            var marker = L.marker([{{loc.lat}}, {{loc.lng}}], {icon: icon}).addTo(map);
+            marker.bindPopup("{{ loc.route_id }}")
         }
     {% endfor %}
 </script>