This document outlines an agenda for a Google Maps course that will cover: (1) what an API key is and how to create one, (2) adding a Google map to an HTML file, (3) styling Google maps, and (4) visualizing data on maps using markers, symbols, and heatmaps. Hands-on exercises are provided for each section through links to a GitHub repository.

1. Google Maps Course
by Mireia Sangalo
@MyPitit

2. 1. What is an API key and why do I need one?
2. How to create a Google API key
3. Add a Google Map
4. Style your google Map
5. Visualising data
Agenda

4. 1. What is an API key and why do I need one?
2. How to create a Google API key
3. Add a Google Map
4. Style your google Map
5. Visualising data
Agenda

5. 1. API key

6. • API key (Application programming interface key).
• Track and control how an API is being used.
• Prevent malicious users or abuse of the API.
• A unique identifier for each user.
• Secrete token for authentication.
• MAKE SURE YOU NEVER SHARE YOUR KEY

7. 1. What is an API key and why do I need one?
2. How to create a Google API key
3. Add a Google Map
4. Style your google Map
5. Visualising data
Agenda

8. 2. How to create a Google
API key

9. Hands on!
https://github.com/FAC-QMUL/
APIs/tree/master/GoogleMaps-
workshop/1-2-ApiKey

10. 1. What is an API key and why do I need one?
2. How to create a Google API key
3. Add a Google Map
4. Style your google Map
5. Visualising data
Agenda

11. 3. Adding a Google Map

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

13. Hands on!
https://github.com/FAC-QMUL/
APIs/tree/master/GoogleMaps-
workshop/3-AddingMaps

14. 1. What is an API key and why do I need one?
2. How to create a Google API key
3. Add a Google Map
4. Style your google Map
5. Visualising data
Agenda

15. 4. Styling Google Maps

16. You will learn…
• Style the base maps colours.
• featureType
• elementType
• stylers

17. Hands on!
https://github.com/FAC-QMUL/
APIs/tree/master/GoogleMaps-
workshop/4-StyleMaps

18. 1. What is an API key and why do I need one?
2. How to create a Google API key
3. Add a Google Map
4. Style your google Map
5. Visualising data
Agenda

19. 5. Visualising data

20. You will learn…
• Import data into your Maps application.
• Display that data on a map using simple markers.
• Use symbols and heatmaps to improve the
appearance and legibility of your map .
• Represent secondary information.

21. Hands on!
https://github.com/FAC-QMUL/
APIs/tree/master/GoogleMaps-
workshop/5-ImportData

22. Project time!

23. Time to put in practice all we
have learned today.
https://github.com/FAC-QMUL/
APIs/tree/master/GoogleMaps-
workshop/Project

24. Questions?