Get Started With Google Maps Javascript API v3. New UI!
3.6 (13 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.
75 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Get Started With Google Maps Javascript API v3. New UI! to your Wishlist.

Add to Wishlist

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

Learn the basics of the Google Maps Javascript API!
3.6 (13 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.
75 students enrolled
Created by Miklos Kiss
Last updated 1/2016
English
Learn Fest Sale
Current price: $10 Original price: $20 Discount: 50% off
15 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 7 Articles
  • 60 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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)
View Curriculum
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++)
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!

Who is the target audience?
  • Web developers
  • Web designers
  • Beginners
  • Students
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 32 Lectures Collapse All 32 Lectures 01:35:14
+
Overview
3 Lectures 06:19

This lecture covers:

How does this course works?

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

Tips for the course.

Preview 03:52

This lecture covers:

What topics included in the course?

Preview 01:09

This lecture covers:

What do you need to efficiently fulfill the course?

How to use the downloaded source?

Preview 01:18
+
Getting Started
10 Lectures 27:59

This lecture covers:

Why is the API key necessary?

How to obtain it?

Preview 03:51

This lecture covers:

Written instructions to obtain the API key

Preview 00:31

This lecture covers:

Crating the very first Google Map.

Hello World!
04:17

This lecture covers:

Excercises and tips for the first map.

Hello World! : texts
00:47

This lecture covers:

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

Separate the html file
03:35

This lecture covers:

How to load the API asynchronously and on specified events.

Loading the Google Maps API
02:23

This lecture covers:

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

Map DOM elements
04:03

This lecture covers:

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

And what values are supported?

Map Options
03:01

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
04:07

This lecture covers:

Short description of the Map object

The Map object : texts
01:24

Answer these simple questions!

Getting started
12 questions
+
Map types and styles
4 Lectures 18:08

This lecture covers:

What are the basic map types?

How to change the map type.

Basic map types
03:45

This lecture covers:

How to customize the standard Google maps?

Styled maps
04:44

This lecture covers:

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

Style syntax
09:21

This lecture covers:

Source codes of the previously presented examples.

Style syntax : codes
00:18

Answer these simple questions!

Map types and styles
8 questions
+
Map controls
4 Lectures 12:34

This lecture covers:

What standard control can have a map?

What position are available for them?

Controls Overview
03:41

This lecture covers:

How to add, remove and position a control?

Adding, removing controls
02:57

This lecture covers:

How to create custom controls?

Custom controls
05:50

This lecture covers:

The source codes of the custom controls.

Custom controls : codes
00:06

Answer these simple questions!

Map controls
8 questions
+
Drawing on the map
7 Lectures 20:49

This lecture covers:

What object can be drawn on the map?

Drawing overview
01:30

This lecture covers:

What is a marker?

How can we put markers on a map?

How can we customize a marker?

Markers
06:16

This lecture covers:

Source codes of the markers' examples.

Preview 00:11

This lecture covers:

How to put an info window on a map?

Info window
03:20

This lecture covers:

How can we draw lines?

Drawing lines
03:42

This lecture covers:

How can we draw polygons?

Drawing polygons
02:55

This lecture covers:

How can we draw rectangles and circles?

Rectangles, circles
02:55

Answer these questions!

Drawin on the map
10 questions
+
Events
3 Lectures 08:51

This lecture covers:

What type of events are there?


Events overview
02:47

This lecture covers:

How to handle events?

How to register an event?

How to write an event handler?

Handling events
05:52

This lecture covers:

The source codes of the events' examples.

Handling events : codes
00:12
+
Summary
1 Lecture 01:19
Conclusion
01:19
About the Instructor
Miklos Kiss
3.6 Average rating
13 Reviews
75 Students
1 Course
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.