polcats / InteractiveMap

A web-based framework that generates an interactive map.

Home Page:https://www.paulcatalan.dev/InteractiveMap/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

A web-based framework that generates an interactive map.

https://www.paulcatalan.dev/InteractiveMap/

License:MIT License


Languages

Language:JavaScript 84.2%Language:CSS 9.8%Language:HTML 6.0%