geolocation support

This commit is contained in:
2025-10-23 20:04:46 +02:00
parent 91a583941b
commit e2e38b617b
3 changed files with 208 additions and 2 deletions

View File

@ -105,6 +105,13 @@
<!-- Map Container -->
<div class="map-container">
<div id="map"></div>
<button id="gpsToggle" class="gps-control" type="button" aria-label="Show my location" aria-pressed="false" title="Show my location">
<svg class="gps-control__icon" viewBox="0 0 24 24" role="img" aria-hidden="true">
<circle cx="12" cy="12" r="3" fill="currentColor"></circle>
<circle cx="12" cy="12" r="8" fill="none" stroke="currentColor" stroke-width="1.8"></circle>
<path d="M12 4V2M12 22v-2M4 12H2M22 12h-2" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"></path>
</svg>
</button>
<div id="mapInstructions" class="map-instructions">
<div class="instruction-content">
<h4>🗺️ How to Use This Map</h4>
@ -145,4 +152,4 @@
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script src="app.js"></script>
</body>
</html>
</html>