The goal of this workshop is to gently introduce APIs via the Google Maps API. These are the exercise files that accompany the workshop.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
img
js
01.html
02.html
03.html
04.html
05.html
06.html
07.html
08.html
README.md

README.md

##(Google Maps) API Workshop Exercises

###What It Is

The goal of this workshop is to gently introduce APIs via the Google Maps API. These are the exercise files that accompany the workshop.

###Pre-reqs (In Order of Importance)

###Usage

Get these files however you like: clone this repo or click the "Download Zip" button to the right. We'll work through these exercise together.

###Google Maps JavaScript API v3 Reference

  • When using a constructor, follow this pattern (don't forget the google.maps at the beginning):

      var center = new google.maps.LatLng(SODA_LAT, SODA_LONG);
    
  • If a constructor is not given in the documentation, set the properties using the JavaScript object literal:

      var mapOptions = {
        center: center,
        zoom: 8
      };
    
  • If you get stuck, ask for help!

###Exercises and Relevant Documentation

  1. Hello Map: A simple map centered on our second home. (JSFiddle)
  2. (Geo)Coder: A tool for discovering the latitude and longitude of addresses. (JSFiddle)
  3. Listen for the Click (Events): An introduction to event listeners. (JSFiddle)
  4. Stylin' On 'Em: Paint the globe blue and gold. You mad? (JSFiddle)
  5. Hello Neighbors: Mark some of our fellow bay area universities. (JSFiddle)
  6. What's the Weather Like?: A tool for checking the weather. (JSFiddle)
  7. Directions: Google Maps Super Lite. (JSFiddle)
  8. Take it to the Streets (Street View): A side-by-side comparison of overhead and street views. (JSFiddle)