• Introduction (me, you, Maps APIs)
• Do I really need to code? - No! (or: Image APIs)
• But I love coding! (or: JavaScript API)
• More: Web services, libraries, Google Places API

• Who uses Google Maps?
• Who have heard about Google Maps APIs?
• Who has a Maps API key?

• A real-time Twitter map: tweereal.com
• Old maps online: oldmapsonline.org
• Australian Federal Police crime statistics: police.act.gov.au
• Trains in real-time in Switzerland: swisstrains.ch
• Country data in maps: icelandinmaps.com
• Where are my ships? maerskfleet.com
• All your food are belong to us: eat.fi
• Earthquakes in real-time: oe-files.de
• Philippines National Operational Assessment of Hazards: noah.dost.gov.ph

developers.google.com/maps/documentation

The Static Maps API may be all you need.

http://maps.googleapis.com/maps/api/staticmap
           ?center=17.471827,78.371913&zoom=17
           &markers=17.471827,78.371913
           &size=1200x300&sensor=false

Static Maps support many visual elements

http://maps.googleapis.com/maps/api/staticmap?
      center=17.471827,78.371913&zoom=15&size=600x300
      &markers=color:yellow|label:S|17.471827,78.371913
      &markers=color:red|label:G|17.471203,78.37023
      &markers=color:blue|label:R|17.468828,78.367526
      &path=color:0x00800080|weight:8
          |17.471827,78.371913|17.471203,78.37023|17.464499,78.367086|17.464898,78.365037
      &sensor=false

Add the scale parameter.

http://maps.googleapis.com/maps/api/staticmap?
      center=-37.818429,145.008931&zoom=15&size=600x300
      &markers=color:yellow|label:S|-37.819495,145.007077
      &markers=color:red|label:G|-37.816582,145.012043
      &markers=color:blue|label:R|-37.816531,145.013309
      &path=color:0x00800080|weight:8
          |-37.81943,145.00708|-37.82003,145.01274|-37.81655,145.01337|-37.81645,145.01209
      &scale=2
      &sensor=false

The Street View Image API allows static views of SV Imagery.

http://maps.googleapis.com/maps/api/streetview
           ?size=600x500&location=-37.816537,145.012565
           &heading=-174.47667368404316
           &pitch=-3.7044103524331756
           &fov=180
           &sensor=false
      

developers.google.com/maps/documentation/staticmaps

• HTML + CSS
• JavaScript
• HTTP Services
• JSON

https://developers.google.com/maps/documentation/javascript/tutorial

Overall: developers.google.com/maps/licensing

developers.google.com/maps/documentation/javascript/usage

• This is important!
• Unit testing
  • Tests a single component in isolation.
• Automated integration testing
  • Tests the application as a whole.

Many good open-source tools:

• Unit testing
• google-js-test
• code.google.com/p/google-js-test
• Integration testing
• Puppeteer
• code.google.com/p/puppeteer

Try it out: Style Wizard

Let's walk over a a master class.

developers.google.com/maps/documentation/webservices/

When geocoding a fixed set of addresses, you should use the Geocoding web service and cache these results instead of geocoding dynamically in the client.

http://maps.googleapis.com/maps/api/geocode/json?address=Bondi+Beach+Australia&sensor=false
http://maps.googleapis.com/maps/api/geocode/json?address=Byron+Bay+Australia&sensor=false
http://maps.googleapis.com/maps/api/geocode/json?address=Bells+Beach+Australia&sensor=false
      

developers.google.com/maps/documentation/javascript/libraries/

Building a Business around the Google Places API.

developers.google.com/places/documentation/

gmap-tutorial-101.appspot.com/mapsapi101/toc

• Try it out!
• Follow good programming practices. (Yes, even in JS!)
• developers.google.com/maps
• Participate in Google Places API Developer Challenge.

How would you make your community or local government run better?

In our first Google Places API Developer Challenge, we’re inviting developers around the world to make something that improves their communities or governments by using the Google Places API and its database of places and tools.

The developers of the winning applications will receive a VIP experience at Google I/O 2013.