Portfolio / Code / Angular Google Maps

Angular Google Maps

Initialise Google maps, set location, drop pins, adds Google Direction, and more.

The graphics are the set of screenshots on the iPad Pro 12.9-inch related to the SmartExam system

Features

  • Adding Google Directions
  • Listening to the changes of directions event
  • Supporting multiple waypoints / dropoffs on the map (Max is 8)
  • Centering map to the current location using Geolocation feature
  • Dropping the marker into the map on click event
  • Attaching the callback for marker's click event while dropping the marker into the map / textfield input filled (AutoComplete)
  • Deleting the marker from the map with deletingMarker
  • Reset direction's route
  • Drawing polyline
  • Getting the marker object