https://github.com/michaeljymsgutierrez/geohash-map-explorer
Interactive geohash map explorer for geographic discovery
https://github.com/michaeljymsgutierrez/geohash-map-explorer
geohash javascript-library leafletjs maps reactjs typescript
Last synced: 11 months ago
JSON representation
Interactive geohash map explorer for geographic discovery
- Host: GitHub
- URL: https://github.com/michaeljymsgutierrez/geohash-map-explorer
- Owner: michaeljymsgutierrez
- License: mit
- Created: 2025-02-13T02:35:30.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-22T04:00:25.000Z (over 1 year ago)
- Last Synced: 2025-04-10T11:36:01.233Z (about 1 year ago)
- Topics: geohash, javascript-library, leafletjs, maps, reactjs, typescript
- Language: TypeScript
- Homepage: https://geohash-map-explorer.vercel.app/dashboard/geohash-explorer
- Size: 304 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 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](https://nextjs.org/)**
- **[Leaflet](https://leafletjs.com/)** (for map interactions)
- **[antd](https://ant.design/components/overview/)** (for UI components)
- **[use-debounce](https://www.npmjs.com/package/use-debounce)** (for debouncing map updates)
- **[TypeScript](https://www.typescriptlang.org/)**
**Project Setup**
1. **Clone the repository:**
```bash
git clone https://github.com/michaeljymsgutierrez/geohash-map-explorer.git
```
2. **Navigate to the project directory:**
```bash
cd geohash-map-explorer
```
3. **Install dependencies:**
```bash
npm install
```
**Developing**
- To start the development server:
```bash
npm run dev
```
**Building**
- To build the production version of the application, run:
```bash
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](https://geohash-map-explorer.vercel.app/dashboard/geohash-explorer)