Get Started With Google Maps Javascript API v3. New UI!
Learn the basics of the Google Maps Javascript API!
- Description
- Curriculum
- FAQ
- Reviews
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!
Getting Started
-
1
IntroductionThis 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?
Map types and styles
-
4
Obtaining an API key
This lecture covers:
Why is the API key necessary?
How to obtain it?
-
5
Obtaining an API key: Step-by-stepThis lecture covers:
Written instructions to obtain the API key
-
6
Hello World!
This lecture covers:
Crating the very first Google Map.
-
7
Hello World! : texts
This lecture covers:
Excercises and tips for the first map.
-
8
Separate the html file
This lecture covers:
What are the benefits separating the single file and how to do it?
-
9
Loading the Google Maps API
This lecture covers:
How to load the API asynchronously and on specified events.
-
10
Map DOM elements
This lecture covers:
How to embed a map , how to set its size and how to position it on the webpage.
-
11
Map Options
This lecture covers:
What are the required and the main properties of the map's mapOptions object?
And what values are supported?
-
12
The Map objectThis lecture covers:
A few things about the coordinate system that the Google Maps API uses.
How to create an instance of a map object.
-
13
The Map object : texts
This lecture covers:
Short description of the Map object
-
14
Getting startedAnswer these simple questions!
Map controls
-
15
Basic map types
This lecture covers:
What are the basic map types?
How to change the map type.
-
16
Styled maps
This lecture covers:
How to customize the standard Google maps?
-
17
Style syntax
This lecture covers:
What are the syntax of the style and how to build up a custom style?
-
18
Style syntax : codes
This lecture covers:
Source codes of the previously presented examples.
-
19
Map types and styles
Answer these simple questions!
Drawing on the map
-
20
Controls Overview
This lecture covers:
What standard control can have a map?
What position are available for them?
-
21
Adding, removing controls
This lecture covers:
How to add, remove and position a control?
-
22
Custom controls
This lecture covers:
How to create custom controls?
-
23
Custom controls : codes
This lecture covers:
The source codes of the custom controls.
-
24
Map controls
Answer these simple questions!
Events
-
25
Drawing overview
This lecture covers:
What object can be drawn on the map?
-
26
Markers
This lecture covers:
What is a marker?
How can we put markers on a map?
How can we customize a marker?
-
27
Markers : codes
This lecture covers:
Source codes of the markers' examples.
-
28
Info window
This lecture covers:
How to put an info window on a map?
-
29
Drawing lines
This lecture covers:
How can we draw lines?
-
30
Drawing polygons
This lecture covers:
How can we draw polygons?
-
31
Rectangles, circles
This lecture covers:
How can we draw rectangles and circles?
-
32
Drawin on the map
Answer these questions!
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
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!
Stars 5
10
Stars 4
11
Stars 3
7
Stars 2
7
Stars 1
2
Course details
Video
2 hours
Lectures
7
Certificate of Completion
Popular courses
Social Network