Get Started With Google Maps Javascript API v3. New UI!

Learn the basics of the Google Maps Javascript API!
3.6 (12 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
65 students enrolled
25% off
Take This Course
  • Lectures 32
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2016 English

Course Description

Learn how to embed a Google Map to your homepage and how to customize it with step-by-step instructions and examples.

Create Google Maps to your homepage that fits to its design and content. A customized map is always more engaging.

If you use personalized map, it can contain more relevant information. In this course you can learn how to embed a map and how to customize it.

I will show you, how easy is to create a map.

This course takes a step-by-step approach to prepare a useful, interactive map, which hopefully gives more benefit to your homepage.

The course includes, how to:

  • Obtain an API key,
  • Set up your very first map,
  • Put markers on it,
  • Set its appearance with setting styles,
  • Use the controls with the new UI (v3.22)
  • Handling events,
  • Displaying info-window,
  • Draw lines and shapes,
  • etc.

The course also contains downloadable working samples.

Join my course today and get the knowledge of Google Maps API!

What are the requirements?

  • Basic knowledge of JavaScript programming and HTML codes.
  • Google (GMail) account.
  • Should be familiar with the Google Maps as a user.
  • Internet connection.
  • Simple text editor (eg. Notepad++)

What am I going to get from this course?

  • Learn, how to embed a Google map to a website using Google Maps API.
  • Customize basic elements on the map, such as styles, markers, shapes and so on.
  • Get familiar with the new UI. (v3.22)

Who is the target audience?

  • Web developers
  • Web designers
  • Beginners
  • Students

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Overview

This lecture covers:

How does this course works?

What is Google Maps API and what can we do with it ?

Tips for the course.

This lecture covers:

What topics included in the course?


This lecture covers:

What do you need to efficiently fulfill the course?

How to use the downloaded source?

Section 2: Getting Started

This lecture covers:

Why is the API key necessary?

How to obtain it?


This lecture covers:

Written instructions to obtain the API key


This lecture covers:

Crating the very first Google Map.


This lecture covers:

Excercises and tips for the first map.


This lecture covers:

What are the benefits separating the single file and how to do it?


This lecture covers:

How to load the API asynchronously and on specified events.


This lecture covers:

How to embed a map , how to set its size and how to position it on the webpage.


This lecture covers:

What are the required and the main properties of the map's mapOptions object?

And what values are supported?

This lecture covers:

A few things about the coordinate system that the Google Maps API uses.

How to create an instance of a map object.


This lecture covers:

Short description of the Map object

12 questions

Answer these simple questions!

Section 3: Map types and styles

This lecture covers:

What are the basic map types?

How to change the map type.


This lecture covers:

How to customize the standard Google maps?


This lecture covers:

What are the syntax of the style and how to build up a custom style?


This lecture covers:

Source codes of the previously presented examples.

8 questions

Answer these simple questions!

Section 4: Map controls

This lecture covers:

What standard control can have a map?

What position are available for them?


This lecture covers:

How to add, remove and position a control?


This lecture covers:

How to create custom controls?


This lecture covers:

The source codes of the custom controls.

8 questions

Answer these simple questions!

Section 5: Drawing on the map

This lecture covers:

What object can be drawn on the map?


This lecture covers:

What is a marker?

How can we put markers on a map?

How can we customize a marker?


This lecture covers:

Source codes of the markers' examples.


This lecture covers:

How to put an info window on a map?


This lecture covers:

How can we draw lines?


This lecture covers:

How can we draw polygons?


This lecture covers:

How can we draw rectangles and circles?

10 questions

Answer these questions!

Section 6: Events

This lecture covers:

What type of events are there?


This lecture covers:

How to handle events?

How to register an event?

How to write an event handler?


This lecture covers:

The source codes of the events' examples.

Section 7: Summary

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Miklos Kiss, IT developer / Instructor

I have been working as an IT system developer for more than 20 years.

I have wide range of experience in the IT development. I have participated in many projects. Such as website building, management information system development and so on.

I also have been instructor at the local collage teaching database management and at several courses.

Ready to start learning?
Take This Course