County Mapper

Interactive US County Mapper that auto-detects your location and displays nearby county boundaries.

Features

• 🌍 Auto-location detection - Automatically finds your current location
• 🗺️ Interactive county boundaries - Shows your county plus 2 adjacent counties
• 🎯 Smart label placement - County names positioned intelligently near your location
• 🔄 County switching - Click on any county to make it the main county
• 📱 Mobile-friendly - Responsive design works on all devices
• 🎨 Clean outline design - Minimal, clutter-free interface

Live Demo

Visit: https://hydrospheric0.github.io/countymapper/

Usage

1. Allow location access when prompted
2. The map will center on your location and show nearby counties
3. Toggle the "Counties" layer on/off using the layer control
4. Click on any county boundary or label to switch the main county
5. Use the base layer control to change map styles

Technology

• Leaflet.js - Interactive mapping library
• OpenStreetMap - Base map tiles
• Overpass API - County boundary data
• Pure JavaScript - No frameworks, fast loading

Data Sources

• County boundaries: OpenStreetMap via Overpass API
• Base maps: OpenStreetMap, CartoDB, Esri

Browser Support

Works in all modern browsers that support:

• Geolocation API
• Fetch API
• ES6 features

---

Built with ❤️ for exploring US geography

Browser Compatibility

Works with modern browsers that support:

• Geolocation API
• Fetch API
• ES6+ JavaScript features

Usage

Simply open county-mapper.html in any modern web browser. No server setup required.