w1cdn/spothole
1
0
Fork 0
mirror of https://git.ianrenton.com/ian/spothole.git synced 2026-04-29 18:25:58 +00:00
Code Issues 13 Packages Projects Releases Wiki Activity

Zoom to the extent of map markers on first load #50

Browse Source
This commit is contained in:
Ian Renton
2026-04-05 10:26:20 +01:00
parent b3353b168c
commit 06c16e2f1f
10 changed files with 33 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/about.html
View File

@@ -67,7 +67,7 @@
<p>This software is dedicated to the memory of Tom G1PJB, SK, a friend and colleague who sadly passed away around the time I started writing it in Autumn 2025. I was looking forward to showing it to you when it was done.</p> <p>This software is dedicated to the memory of Tom G1PJB, SK, a friend and colleague who sadly passed away around the time I started writing it in Autumn 2025. I was looking forward to showing it to you when it was done.</p>
</div> </div>
<script src="/js/common.js?v=1775379822"></script> <script src="/js/common.js?v=1775381180"></script>
<script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-about").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

4
templates/add_spot.html
View File

@@ -69,8 +69,8 @@
</div> </div>
<script src="/js/common.js?v=1775379822"></script> <script src="/js/common.js?v=1775381180"></script>
<script src="/js/add-spot.js?v=1775379822"></script> <script src="/js/add-spot.js?v=1775381180"></script>
<script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-add-spot").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

4
templates/alerts.html
View File

@@ -56,8 +56,8 @@
</div> </div>
<script src="/js/common.js?v=1775379822"></script> <script src="/js/common.js?v=1775381180"></script>
<script src="/js/alerts.js?v=1775379822"></script> <script src="/js/alerts.js?v=1775381180"></script>
<script>$(document).ready(function() { $("#nav-link-alerts").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-alerts").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

6
templates/bands.html
View File

@@ -62,9 +62,9 @@
<script> <script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %}; let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script> </script>
<script src="/js/common.js?v=1775379822"></script> <script src="/js/common.js?v=1775381180"></script>
<script src="/js/spotsbandsandmap.js?v=1775379822"></script> <script src="/js/spotsbandsandmap.js?v=1775381180"></script>
<script src="/js/bands.js?v=1775379822"></script> <script src="/js/bands.js?v=1775381180"></script>
<script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-bands").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

8
templates/base.html
View File

@@ -46,10 +46,10 @@
crossorigin="anonymous"></script> crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/tinycolor2@1.6.0/cjs/tinycolor.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/tinycolor2@1.6.0/cjs/tinycolor.min.js"></script>
<script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775379822"></script> <script src="https://misc.ianrenton.com/jsutils/utils.js?v=1775381180"></script>
<script src="https://misc.ianrenton.com/jsutils/storage.js?v=1775379822"></script> <script src="https://misc.ianrenton.com/jsutils/storage.js?v=1775381180"></script>
<script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775379822"></script> <script src="https://misc.ianrenton.com/jsutils/ui-ham.js?v=1775381180"></script>
<script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775379822"></script> <script src="https://misc.ianrenton.com/jsutils/geo.js?v=1775381180"></script>
</head> </head>
<body> <body>

4
templates/conditions.html
View File

@@ -230,8 +230,8 @@
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.9/dist/chart.umd.min.js"></script>
<script src="/js/common.js?v=1775379822"></script> <script src="/js/common.js?v=1775381180"></script>
<script src="/js/conditions.js?v=1775379822"></script> <script src="/js/conditions.js?v=1775381180"></script>
<script>$(document).ready(function () { <script>$(document).ready(function () {
$("#nav-link-conditions").addClass("active"); $("#nav-link-conditions").addClass("active");
}); <!-- highlight active page in nav --></script> }); <!-- highlight active page in nav --></script>

6
templates/map.html
View File

@@ -79,9 +79,9 @@
<script> <script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %}; let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script> </script>
<script src="/js/common.js?v=1775379822"></script> <script src="/js/common.js?v=1775381180"></script>
<script src="/js/spotsbandsandmap.js?v=1775379822"></script> <script src="/js/spotsbandsandmap.js?v=1775381180"></script>
<script src="/js/map.js?v=1775379822"></script> <script src="/js/map.js?v=1775381180"></script>
<script>$(document).ready(function() { $("#nav-link-map").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-map").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

6
templates/spots.html
View File

@@ -87,9 +87,9 @@
<script> <script>
let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %}; let spotProvidersEnabledByDefault = {% raw json_encode(web_ui_options["spot-providers-enabled-by-default"]) %};
</script> </script>
<script src="/js/common.js?v=1775379822"></script> <script src="/js/common.js?v=1775381180"></script>
<script src="/js/spotsbandsandmap.js?v=1775379822"></script> <script src="/js/spotsbandsandmap.js?v=1775381180"></script>
<script src="/js/spots.js?v=1775379822"></script> <script src="/js/spots.js?v=1775381180"></script>
<script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script> <script>$(document).ready(function() { $("#nav-link-spots").addClass("active"); }); <!-- highlight active page in nav --></script>
{% end %} {% end %}

4
templates/status.html
View File

@@ -59,8 +59,8 @@
</div> </div>
</div> </div>
<script src="/js/common.js?v=1775379822"></script> <script src="/js/common.js?v=1775381180"></script>
<script src="/js/status.js?v=1775379822"></script> <script src="/js/status.js?v=1775381180"></script>
<script> <script>
$(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav --> $(document).ready(function() { $("#nav-link-status").addClass("active"); }); <!-- highlight active page in nav -->
</script> </script>

11
webassets/js/map.js
View File

@@ -22,6 +22,8 @@ var ituZones;
var wabwaiGrid; var wabwaiGrid;
// Tracks the currently-loaded basemap provider string to avoid unnecessary tile reloads // Tracks the currently-loaded basemap provider string to avoid unnecessary tile reloads
var loadedBasemap; var loadedBasemap;
// Tracks whether this is the first display of markers after page load
var firstLoad = true;
// Load spots and populate the map. // Load spots and populate the map.
function loadSpots() { function loadSpots() {
@@ -76,6 +78,15 @@ function updateMap() {
} }
} }
}); });
// On first load, zoom to the extent of the markers
if (firstLoad) {
if (markersLayer.getLayers().length >= 2) {
var group = new L.featureGroup(markersLayer.getLayers());
map.fitBounds(group.getBounds().pad(0.1));
}
firstLoad = false;
}
} }
// Get an icon for a spot, based on its band, using PSK Reporter colours, its program etc. // Get an icon for a spot, based on its band, using PSK Reporter colours, its program etc.