menu
arrow_back

Mapping the NYC Subway

Mapping the NYC Subway

1 Stunde 9 Guthabenpunkte

GSP128

Google Cloud Self-Paced Labs

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

What you'll build

In this lab, you'll build a visualization for the NYC Subway Station dataset that is:

  • Scalable - you'll use Google App Engine to automatically scale your serving capability to match request load.
  • Maintainable - you'll use the Go programming language to make the back end code simple, reliable, and efficient.
  • Customizable - you'll style the map using the styling capability of the Google Maps JavaScript API, with the help of Google Maps Style Wizard.
map_preview

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.

Wenn Sie sich in Qwiklabs anmelden, erhalten Sie Zugriff auf den Rest des Labs – und mehr!

  • Sie erhalten vorübergehenden Zugriff auf Google Cloud Console.
  • Mehr als 200 Labs für Einsteiger und Experten.
  • In kurze Sinneinheiten eingeteilt, damit Sie in Ihrem eigenen Tempo lernen können.
Beitreten, um dieses Lab zu starten
Punktzahl

—/100

Enable the Google Maps JavaScript API

Schritt ausführen

/ 30

Generate API key

Schritt ausführen

/ 30

Deploying the app to production

Schritt ausführen

/ 40