Manish/renderNepal
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
geojson to map. Interactive map of Nepal with simple interface to plug in any ts/js project.
4 commits 1 branch 0 tags 2.8 MiB
  • JavaScript 53.9%
  • CSS 36.9%
  • HTML 9.2%
Find a file
Exact
Manish Acharya c50c01a5f2
 Update README.md
2025-12-28 10:48:26 +05:45
Nepal-GEOJSON init 2025-12-19 13:56:04 +05:45
.DS_Store init 2025-12-19 13:56:04 +05:45
app.js init 2025-12-19 13:56:04 +05:45
DOCUMENTATION.md init 2025-12-19 13:56:04 +05:45
index.html init 2025-12-19 13:56:04 +05:45
LICENSE init 2025-12-19 13:56:04 +05:45
map-logic.js init 2025-12-19 13:56:04 +05:45
map-renderer.js init 2025-12-19 13:56:04 +05:45
README.md Update README.md 2025-12-28 10:48:26 +05:45
styles.css init 2025-12-19 13:56:04 +05:45

README.md

Nepal Interactive Map

An interactive, high-fidelity SVG map of Nepal featuring drill-down navigation from the national level to individual districts.

data used from : dataofsandy/Nepal-GEOJSON

Features

  • 🇳🇵 Drill-down Navigation: Explore Country -> Province -> District.
  • 🖐️ Draggable Canvas: Pan across the map with ease.
  • 🤏 Pinch Gestures: Pinch to go back to the previous view (Mobile & Trackpad).
  • 📱 Responsive Design: Fluid SVG rendering that works on all screen sizes.
  • 🚀 Modular Refactor: Logic and Rendering are separated for high reusability.

Quick Start

  1. Ensure the Nepal-GEOJSON/ folder is present with province1.geojson through province7.geojson.
  2. Open index.html in any modern web browser.
  3. Use a local server, for eg: run python -m http.server for the best experience with GeoJSON fetching.
  4. Then go to http://[::]:8000/

Screenshots

image image image

Documentation

For a deep dive into the code architecture, logic, and function references, please see: 👉 DOCUMENTATION.md

License

GPL