Geohash Map Explorer

Overview

Geohash Map Explorer is a web application that provides an interactive visualization of the Geohash system. It allows you to explore how geographic coordinates are encoded into a hierarchical grid of increasingly smaller regions. The application features an interactive map where you can:

• Explore the Geohash Grid: Seamlessly zoom and pan across the world map and observe how the Geohash system recursively subdivides the Earth into a hierarchical grid of increasingly smaller regions.
• Visualize Geohash Prefixes: View colored regions on the map representing different Geohash prefixes at various levels of granularity.
• View Geohash Information: Hover or click on a Geohash box to display its corresponding prefix.

Technologies Used

• Next.js
• Leaflet (for map interactions)
• antd (for UI components)
• use-debounce (for debouncing map updates)
• TypeScript

Project Setup

1. Clone the repository:

   git clone https://github.com/michaeljymsgutierrez/geohash-map-explorer.git

2. Navigate to the project directory:

   cd geohash-map-explorer

3. Install dependencies:

   npm install

Developing

• To start the development server:

  npm run dev

Building

• To build the production version of the application, run:

  npm run build

This will create an optimized build of your application in the build folder.

Demo

You can check out a live demo of the Geohash Map Explorer here