https://github.com/polcats/interactivemap
A web-based framework that generates an interactive map.
https://github.com/polcats/interactivemap
framework json-format map-application map-generation mobile-web-app svg-animation web-application
Last synced: 5 months ago
JSON representation
A web-based framework that generates an interactive map.
- Host: GitHub
- URL: https://github.com/polcats/interactivemap
- Owner: polcats
- License: mit
- Created: 2017-03-14T11:40:50.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2019-12-23T11:03:18.000Z (about 6 years ago)
- Last Synced: 2023-03-07T15:19:09.823Z (almost 3 years ago)
- Topics: framework, json-format, map-application, map-generation, mobile-web-app, svg-animation, web-application
- Language: JavaScript
- Homepage: https://polcats.tech/InteractiveMap/
- Size: 18.8 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# InteractiveSvgMap
This is a framework that can generate an interactive SVG map by loading data points from JSON-formatted files.
Map Data Files
- Entry/Exit - The entry and exit points of a building.
- Labels - The names of the different buildings/areas.
- Map Data - The collective file for the buildings, pathways/floors, gates, etc.
- Paths - The paths from one location to another.
- Points of Interest - The useful locations available in the map.
How was the map created
The main map was initially created using Adobe Illustrator. It consists of the items listed below.
It was later on converted to the generalized map structure types in JSON format.
- Labels
- Map Data
The rest were created by using the SVGMapPathGenerator:
- Entry/Exit
- Paths
- Points of Interest
Contributors for the SLU Map
Surveying & Data Preprocessing
- Mandy Lee
- Clark Mariano
- Derick Liwanag
- Erico Erese
- Patricia Canaria
- Sam Lopez
Photography
- Hiromi Uetmatsu
Map Design
- Jhennie Prado
Developer
- Paul Catalan
Target Changes
This was originally a college project. The requirements involved not using any libraries or frameworks.
The following targets aim to improve the current implementation:
- [ ] Refactor JS codes
- [ ] Update codes by adding jQuery
- [ ] Update UI by using a responsive CSS Framework