Map Page - lawsonpeters12/Tech-Connect GitHub Wiki

Creation

To create this page, a class for MapPage was created as a Stateful Widget and its scaffold was returned with simple text Map Page and color to differentiate the different pages. This page uses the Google Maps API to call a map focused on the Louisiana Tech Campus. This map contains a few key areas around campus and their names.

User Guide

To navigate to the Map Page, use the map icon in the Navigation Bar. This opens up the Map Page where it will display the area around the LA Tech campus. The user can hit the location button to retrieve their current location from Google Maps. With this, they can find their way to specific buildings around campus. This also has a compass widget in the top right in which the user can orientate themselves on the map.

GeoFencing

On initialization of the Map Page, the user will see their location on the map as a blue circle. The user's location is found using reverse geocoding and compared to important places on campus. The current place the user is in is displayed at the top of the map page.

Polygons

When the Map is initialized, there are parking lots at Tech that are organized based off color. The purpose of these polygons are to inform the user which parking lots are resident, commuter, or professor parking only.

• Resident: Red
• Commuter: Yellow
• Professors: Blue