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