3.35 out of 5
3.35
36 reviews on Udemy

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

Learn the basics of the Google Maps Javascript API!
Instructor:
Miklos Kiss
195 students enrolled
English [Auto-generated]
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)

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!

Overview

1
Introduction

This lecture covers:

How does this course works?

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

Tips for the course.

2
What's in the course?
This lecture covers:

What topics included in the course?

3
Requirements

This lecture covers:

What do you need to efficiently fulfill the course?

How to use the downloaded source?

Getting Started

1
Obtaining an API key

This lecture covers:

Why is the API key necessary?

How to obtain it?

2
Obtaining an API key: Step-by-step

This lecture covers:

Written instructions to obtain the API key

3
Hello World!

This lecture covers:

Crating the very first Google Map.

4
Hello World! : texts

This lecture covers:

Excercises and tips for the first map.

5
Separate the html file

This lecture covers:

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

6
Loading the Google Maps API

This lecture covers:

How to load the API asynchronously and on specified events.

7
Map DOM elements

This lecture covers:

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

8
Map Options

This lecture covers:

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

And what values are supported?

9
The Map object
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.

10
The Map object : texts

This lecture covers:

Short description of the Map object

11
Getting started

Answer these simple questions!

Map types and styles

1
Basic map types

This lecture covers:

What are the basic map types?

How to change the map type.

2
Styled maps

This lecture covers:

How to customize the standard Google maps?

3
Style syntax

This lecture covers:

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

4
Style syntax : codes

This lecture covers:

Source codes of the previously presented examples.

5
Map types and styles

Answer these simple questions!

Map controls

1
Controls Overview

This lecture covers:

What standard control can have a map?

What position are available for them?

2
Adding, removing controls

This lecture covers:

How to add, remove and position a control?

3
Custom controls

This lecture covers:

How to create custom controls?

4
Custom controls : codes

This lecture covers:

The source codes of the custom controls.

5
Map controls

Answer these simple questions!

Drawing on the map

1
Drawing overview

This lecture covers:

What object can be drawn on the map?

2
Markers

This lecture covers:

What is a marker?

How can we put markers on a map?

How can we customize a marker?

3
Markers : codes

This lecture covers:

Source codes of the markers' examples.

4
Info window

This lecture covers:

How to put an info window on a map?

5
Drawing lines

This lecture covers:

How can we draw lines?

6
Drawing polygons

This lecture covers:

How can we draw polygons?

7
Rectangles, circles

This lecture covers:

How can we draw rectangles and circles?

8
Drawin on the map

Answer these questions!

Events

1
Events overview

This lecture covers:

What type of events are there?


2
Handling events

This lecture covers:

How to handle events?

How to register an event?

How to write an event handler?

3
Handling events : codes

This lecture covers:

The source codes of the events' examples.

Summary

1
Conclusion
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
3.4
3.4 out of 5
36 Ratings

Detailed Rating

Stars 5
10
Stars 4
11
Stars 3
6
Stars 2
7
Stars 1
2
4d019c02ab3111320b9c174a0f5eec8a
30-Day Money-Back Guarantee

Includes

2 hours on-demand video
7 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion