https://github.com/rayanedebbarh/campus-map
Interactive campus map of Alma College built with Leaflet.js and OpenStreetMap, featuring markers and popups for key locations.
https://github.com/rayanedebbarh/campus-map
alma-college css frontend geospatial html interactive-map javascript leaflet mapping openstreetmap web-development
Last synced: 6 months ago
JSON representation
Interactive campus map of Alma College built with Leaflet.js and OpenStreetMap, featuring markers and popups for key locations.
- Host: GitHub
- URL: https://github.com/rayanedebbarh/campus-map
- Owner: rayanedebbarh
- Created: 2025-09-29T19:44:32.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-09-30T00:43:11.000Z (6 months ago)
- Last Synced: 2025-09-30T02:33:14.381Z (6 months ago)
- Topics: alma-college, css, frontend, geospatial, html, interactive-map, javascript, leaflet, mapping, openstreetmap, web-development
- Language: JavaScript
- Homepage: http://127.0.0.1:5500/index.html
- Size: 1.01 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Alma College Campus Map 🗺️
An interactive campus map built with **Leaflet.js** and **OpenStreetMap**.
It highlights key Alma College locations with markers and popups.
## 🚀 Features
- Interactive map centered on Alma College
- Markers for main buildings (library, dining hall, rec center, etc.)
- Popups with descriptions
- Built with HTML, CSS, and JavaScript
## 💻 Tech Stack
- HTML
- CSS
- JavaScript
- Leaflet.js
- OpenStreetMap
## 📌 How to Run
1. Clone this repo
2. Open `index.html` in your browser
or run with **Live Server** in VS Code
## 🌐 Live Preview
👉 [See it here on GitHub Pages](http://127.0.0.1:5500/index.html)
## 📸 Screenshot
