Google Maps Course
- 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
- 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.
- 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
- 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
- 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.
- 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?