Geohash Map Explorer

An interactive web application for exploring geohashes on a map. Click anywhere on the map to generate a geohash for that location, or enter a geohash directly to see its corresponding area on the map.

• Interactive Map: Click anywhere to generate a geohash for that location
• Direct Input: Enter a geohash directly in the input field to see its area
• Visual Feedback: Geohash areas are highlighted with blue rectangles
• Precision Information: Shows the precision level and approximate area size
• Auto-zoom: Map automatically zooms to fit the selected geohash area
• Validation: Real-time validation of geohash input

1. Click on Map: Click anywhere on the map to generate a geohash for that location
2. Enter Geohash: Type a geohash (e.g., "9q8yy") in the input field
3. View Details: Click on the highlighted area to see detailed information
4. Zoom Levels: The precision of generated geohashes adapts to your zoom level

• 1 char: ~5,000km × 5,000km
• 2 chars: ~1,250km × 625km
• 3 chars: ~156km × 156km
• 4 chars: ~39km × 20km
• 5 chars: ~4.9km × 4.9km
• 6 chars: ~1.2km × 0.61km
• 7 chars: ~153m × 153m
• 8 chars: ~38m × 19m
• 9 chars: ~4.8m × 4.8m
• 10 chars: ~1.2m × 0.6m
• 11 chars: ~15cm × 15cm
• 12 chars: ~3.7cm × 1.9cm

• Built with Leaflet.js for mapping
• Custom geohash encoding/decoding implementation
• Responsive design with TailwindCSS
• Real-time validation and error handling

├── index.ts              # HTTP server entry point
├── frontend/
│   ├── index.html        # Main HTML template
│   ├── app.js           # Main application logic
│   └── geohash.js       # Geohash encoding/decoding utilities
└── README.md