MyPitit / GoogleMapsAPIs-workshop

What

These tutorials are designed specially for Queen Mary University of London alumni, in order to teach them how to use a Google Maps APIs.

Who

I am Mireia Sangalo, full stack JavaScript developer at Founders and Coders. I used to be a Linux SysAdmin at Rackspace the Open Cloud Company, but I decided to change my career as full stack JavaScript developer.

Thanks to the team from Founders and Coders I could reach my goals and became a competent engineer.

You can follow me on Twitter and on GitHub.

#How

Agenda

1. What is an API key and why do I need one?

2. How to create a Google API key

Topics:

• Create a Google Account
• Google APIs control panel
• Types of API keys
• Create a API key

3. Add a Google Map

Topics:

• Create an HTML file to hold the map
• Load the Maps API with JavaScript
• Display a Map on your page.

4. Style your google Map

Topics:

• Style the base maps colours.
• Hide base map geometry, labels and icons.
• Customise map markers.
• Add a legend to your map.

5. Visualising data

Topics:

• Load data into your Maps API application from a local file, using XMLHttpRequest.
• Load data from a different server.
• Load data using JSONP.
• Parse imported data.

Project

• Time to put in practice all the topics leaned in one project.

Slides

Google Maps Course