bobby-bates / phase-1-project

Flatiron School Phase 1 project uses Google Maps JavaScript and Places APIs to put your favorite place on the map.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flatiron Phase 1 Project

Using HTML, CSS, JavaScript and the Google Maps JavaScript API

Installation

Fork, clone, and npm install

Usage

Image

Google Maps Places API Autocomplete textbox in action: Image

Image

Click the new marker on the map to see your Place: Image

// TODO:

  • Persistence of Favorite Places on server
  • Update map's viewport within onPlaceChanged() using placeData.viewport
  • Stick background gradient ends to top and bottom of webpage dynamically
  • Put more interesting info into a marker's infoWindow
  • Put Autocomplete alerts/errors into modals
  • Display Street View of selected Place

About

Flatiron School Phase 1 project uses Google Maps JavaScript and Places APIs to put your favorite place on the map.


Languages

Language:JavaScript 73.3%Language:CSS 14.3%Language:HTML 12.3%