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

Name: Get Started With Google Maps Javascript API v3. New UI!
Rating: 3.9 (53 reviews)

Learn the basics of the Google Maps Javascript API!

Last updated 1/2016

English

English [Auto],

What you'll learn

7 sections • 32 lectures • 1h 35m total length

Introduction3:52
This lecture covers:

How does this course works?

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

Tips for the course.
What's in the course?1:09
This lecture covers:
What topics included in the course?
Requirements1:18
This lecture covers:

What do you need to efficiently fulfill the course?

How to use the downloaded source?

Obtaining an API key3:51
This lecture covers:

Why is the API key necessary?

How to obtain it?
Obtaining an API key: Step-by-step0:25
This lecture covers:

Written instructions to obtain the API key
Hello World!4:17
This lecture covers:

Crating the very first Google Map.
Hello World! : texts0:50
This lecture covers:

Excercises and tips for the first map.
Separate the html file3:35
This lecture covers:

What are the benefits separating the single file and how to do it?
Loading the Google Maps API2:23
This lecture covers:

How to load the API asynchronously and on specified events.
Map DOM elements4:03
This lecture covers:

How to embed a map , how to set its size and how to position it on the webpage.
Map Options3:01
This lecture covers:

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

And what values are supported?
The Map object4:07
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.
The Map object : texts1:00
This lecture covers:

Short description of the Map object
Getting started

Basic map types3:45
This lecture covers:

What are the basic map types?

How to change the map type.
Styled maps4:44
This lecture covers:

How to customize the standard Google maps?
Style syntax9:21
This lecture covers:

What are the syntax of the style and how to build up a custom style?
Style syntax : codes0:08
This lecture covers:

Source codes of the previously presented examples.
Map types and styles

Drawing overview1:30
This lecture covers:

What object can be drawn on the map?
Markers6:16
This lecture covers:

What is a marker?

How can we put markers on a map?

How can we customize a marker?
Markers : codes0:06
This lecture covers:

Source codes of the markers' examples.
Info window3:20
This lecture covers:

How to put an info window on a map?
Drawing lines3:42
This lecture covers:

How can we draw lines?
Drawing polygons2:55
This lecture covers:

How can we draw polygons?
Rectangles, circles2:55
This lecture covers:

How can we draw rectangles and circles?
Drawin on the map

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:

The course also contains downloadable working samples.

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