Home

Welcome to the research-map wiki!

research-map

Webmap for displaying the research of UIUC professors.

To-Do

Angular administrative interface

• Accept form input for project metadata
• Accept form input for data files (.shp, .json, etc.)

Express API

Web application technologies

MEAN Stack

• MongoDB (v2) | Database
  • Mongoose | JavaScript interface with MongoDB
• Express (v4) | Back-end application framework
• AngularJS (v1) | Front-end application framework
• Node.js (v4.4.2) | Server platform

Application architecture

Interactive web map

• Leaflet | Web map library
  • Currently using Mapbox raster tile maps
    • Look into vector tiles (?)
    • Map style variations
• AngularJS interactive components
  • Instant search, filter
  • Authentication (?)

Administrative interface

• AngularJS single-page application (SPA)
  • Talks to Express
  • Handles views, forms, etc.
  • wysihtml editing interface
  • Medium Editor
• Express back-end
  • Data collection
    • Shapefile to JSON/GeoJSON
    • Speadsheet (CSV) to JSON/GeoJSON (?)
  • Data storage
    • Interface with API (talks to MongoDB)
  • Authentication (?)

Data Structures

• Researcher
  • Name
  • Email
  • Link to website profile page
  • Photo
  • Research Type(s)
  • Research Project(s)
    • Project X
      • Title
      • Abstract/Summary
      • Link to Project Page/Site
      • Visual Aids
      • Full Text Content
      • Tags
      • Location(s)
        • Location X (GeoJSON)

Deployment

• How to deploy your node app on Linux, 2016 edition

JavaScript mapping libraries

• leaflet.js
• Kartograph.js
• mapstraction
• polymaps

Resources

• "Getting MEAN" | Full-stack web development book
• Node.js Essential Training (Lynda.com)
• leaflet sidebar plugin
• GEOG 585: Open Web Mapping
• GEOG 863 - GIS Mashups for Geospatial Professionals