About this Course

This course will introduce you to the content available through the Google Maps APIs. You’ll be walked through building a real-estate listings site step-by-step, using a beautifully styled Google map, data visualization, street view panoramas, and various nifty location related features such as calculating distance between locations, getting directions, and viewing places of interest data. You’ll also see other examples of Google Maps APIs in action, and understand how to put your new knowledge into practice by creating your own Project in the Google APIs Console.

Play Trailer Play Trailer
Course Cost
Free
Timeline
Approx. 2 weeks
Skill Level
Intermediate
Included in Course
  • Rich Learning Content

  • Interactive Quizzes

  • Taught by Industry Pros

  • Self-Paced Learning

  • Student Support Community

Join the Path to Greatness

This free course is your first step towards a new career with the Full Stack Web Developer Nanodegree Program.

Free Course

Google Maps APIs

by Google

Enhance your skill set and boost your hirability through innovative, independent learning.

Icon steps

Course Leads

  • Emily Keller
    Emily Keller

    Instructor

  • Ajay Hemnani
    Ajay Hemnani

    Instructor

  • Michael Wales
    Michael Wales

    Instructor

What You Will Learn

Lesson 1

Getting Started with the APIs

  • Practice loading the Google Maps JavaScript API and creating a map and styling it.
  • Show markers and infowindows, load and use various libraries, and create street view panoramas.
  • Learn about the Static Maps and Street View imagery APIs.
Lesson 1

Getting Started with the APIs

  • Practice loading the Google Maps JavaScript API and creating a map and styling it.
  • Show markers and infowindows, load and use various libraries, and create street view panoramas.
  • Learn about the Static Maps and Street View imagery APIs.
Lesson 2

Understanding API Services

  • Learn when to use Web Services vs. Services within the JavaScript API.
  • Get addresses from coordinates, calculate the distances, travel times, and directions between multiple locations.
  • Learn to obtain the elevation or time zone of a point, and looking for places of interest around a location.
Lesson 2

Understanding API Services

  • Learn when to use Web Services vs. Services within the JavaScript API.
  • Get addresses from coordinates, calculate the distances, travel times, and directions between multiple locations.
  • Learn to obtain the elevation or time zone of a point, and looking for places of interest around a location.
Lesson 3

Using the APIs in Practice

  • Learn about monitoring your projects API usage, and securing your identifiers.
  • Familiarize with some terms of use and other important details.
  • Check out where to go with questions, how to find information in our documentation.
Lesson 3

Using the APIs in Practice

  • Learn about monitoring your projects API usage, and securing your identifiers.
  • Familiarize with some terms of use and other important details.
  • Check out where to go with questions, how to find information in our documentation.

Prerequisites and Requirements

This course recommends, but does not require, prior experience with HTML, CSS, and JavaScript development. If you’re a scrappy developer, or just want to learn about the functionality without development, go ahead and jump in at any level!

See the Technology Requirements for using Udacity.

Why Take This Course

As a Web Developer, it can be valuable to add location related features and map visualizations into your websites. Google Maps in a site are engaging, familiar, and reliable for your users-- and the Google Maps APIs make developing with them easy.

What do I get?
  • Instructor videos
  • Learn by doing exercises
  • Taught by industry professionals
Icon globe

Udacity 现已提供中文版本! A Udacity tem uma página em português para você! There's a local version of Udacity for you! Sprechen Sie Deutsch?

Besuchen Sie de.udacity.com und entdecken Sie lokale Angebote, unsere Partnerunternehmen und Udacitys deutschsprachigen Blog.

前往优达学城中文网站 Ir para a página brasileira Go to Indian Site Icon flag de Zu de.udacity.com continue in English