geolocation support
This commit is contained in:
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user