fix(map): enable fluid mobile pinch-to-zoom and tactile zoom controls without GPS follow lock (v20)

This commit is contained in:
2026-09-12 11:35:31 -07:00
parent 5da020d563
commit b21a306790
4 changed files with 202 additions and 38 deletions
+10 -6
View File
@@ -54,7 +54,7 @@
<meta name="apple-mobile-web-app-title" content="FlockRadar">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/styles.css?v=19">
<link rel="stylesheet" href="css/styles.css?v=20">
</head>
<body>
@@ -283,6 +283,10 @@
<svg class="flock-svg flock-svg-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
<span>West AV</span>
</button>
<button id="btn-loc-overview" class="loc-chip" title="Zoom out to see all Antelope Valley cameras">
<svg class="flock-svg flock-svg-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></svg>
<span>Overview (All AV)</span>
</button>
</div>
<form id="map-search-form" class="map-search-box">
<input type="text" id="map-search-input" placeholder="Search Antelope Valley street or address..." autocomplete="off">
@@ -1299,11 +1303,11 @@
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Data & Application Logic with Cache Busting -->
<script src="data/portals.js?v=19"></script>
<script src="js/icons.js?v=19"></script>
<script src="js/auth.js?v=19"></script>
<script src="js/radar.js?v=19"></script>
<script src="js/app.js?v=19"></script>
<script src="data/portals.js?v=20"></script>
<script src="js/icons.js?v=20"></script>
<script src="js/auth.js?v=20"></script>
<script src="js/radar.js?v=20"></script>
<script src="js/app.js?v=20"></script>
<!-- Service Worker Instant Cache Invalidation -->
<script>