idn-area Map

The map of Indonesia's administrative areas.

Data Source

• Main data: idn-area API
• Boundary data: idn-area-boundary

Features

• Search provinces, regencies, districts, and villages by name
• Get regencies by province, districts by regency, and villages by district
• Get the islands by regency and show its coordinates on the map
• Show the area boundaries on the map
• Toggle the visibility of the boundaries
• Button to see the area on Google Maps by coordinates
• Dark mode
• Responsive design (works on mobile)
• NEW! Toggle the visibility of island markers
• NEW! Filter islands by their attributes: populated, outermostSmall

Suggestions and contributions are welcome!

Built With

• Next.js + TypeScript
• Tailwind CSS + shadcn-ui
• React Leaflet + MapLibre GL Leaflet

Installation

1. Clone this repository.
2. Install dependencies: pnpm install.
3. Copy .env.example to .env (or any other environment file names) and modify the values as needed.
4. Run the app: pnpm run dev.
5. Open http://localhost:3000 with your browser to see the result.

License

This project is licensed under the MIT License.

Support This Project

Give a ⭐️ if this project helped you!

Also please consider supporting this project by becoming a sponsor. Your donation will help us maintain and develop this project and provide you with better support.