An open API service indexing awesome lists of open source software.

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.

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