—/100
Checkpoints
Enable the Google Maps JavaScript API
/ 30
Generate API key
/ 30
Deploying the app to production
/ 40
Mapping the NYC Subway
GSP128
Overview
Store locators are an often required component of any commercial website that wants to encourage users to visit brick and mortar stores. In this lab you'll build a website that serves location data of subway stations and scales automatically, thanks to the power of Google App Engine. You will learn how to expose an easily navigable visualization of the NYC subway using Google Maps JavaScript API.
NYC Open Data makes the wealth of public data generated by various New York City agencies and other City organizations available for public use. In this lab, you'll visualize the Subway Station and Subway Line data sets.
What you'll learn
-
How to use Google Cloud services like Google Cloud Shell and Google App Engine
-
How to serve geographic information system GIS data on the web in an effortlessly scalable fashion
-
How to style a Google map in your app
What you'll build
In this lab, you'll build a visualization for the NYC Subway Station dataset that is:
|
|
What you'll need
- Basic knowledge of HTML, CSS, JavaScript, Go, and Chrome DevTools
- An ES6 capable web browser, such as recent versions of Chrome, Firefox, Safari, or Edge.
This lab focuses on the Google Maps JavaScript API. Non-relevant concepts and code blocks are glossed over and are provided for you to simply copy and paste.
Join Qwiklabs to read the rest of this lab...and more!
- Get temporary access to the Google Cloud Console.
- Over 200 labs from beginner to advanced levels.
- Bite-sized so you can learn at your own pace.