View
145
Download
0
Category
Preview:
Citation preview
Google Maps Course
by Mireia Sangalo
@MyPitit
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
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
1. API key
• 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
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
2. How to create a Google API key
Hands on!
https://github.com/FAC-QMUL/APIs/tree/master/GoogleMaps-
workshop/1-2-ApiKey
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
3. Adding a Google Map
You will learn…
• Create an HTML file to hold the map
• Load the Maps API with JavaScript
• Display a Map on your page.
Hands on!
https://github.com/FAC-QMUL/APIs/tree/master/GoogleMaps-
workshop/3-AddingMaps
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. Styling Google Maps
You will learn…
• Style the base maps colours.
• featureType
• elementType
• stylers
Hands on!
https://github.com/FAC-QMUL/APIs/tree/master/GoogleMaps-
workshop/4-StyleMaps
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. Visualising data
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.
Hands on!
https://github.com/FAC-QMUL/APIs/tree/master/GoogleMaps-
workshop/5-ImportData
Project time!
Time to put in practice all we have learned today.
https://github.com/FAC-QMUL/APIs/tree/master/GoogleMaps-
workshop/Project
Questions?
Recommended