Google Maps JavaScript API - Complete Training
4.2 (19 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.
376 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Google Maps JavaScript API - Complete Training to your Wishlist.

Add to Wishlist

Google Maps JavaScript API - Complete Training

Embedding Google Maps In Websites and Phonegap Apps
4.2 (19 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.
376 students enrolled
Last updated 8/2015
English
Current price: $10 Original price: $20 Discount: 50% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn Google Maps API JavaScript V3
  • Makes websites more informative using Maps
  • Embedding maps into phonegap apps
View Curriculum
Requirements
  • Internet
  • Browser
  • Local Web Server
  • GMail Account
Description

Maps make websites more useful; they can help users find businesses and areas of interest, get directions, or gain insights into new communities. In this course, learn to add interactive maps to your websites with Google Maps JavaScript API v3. Narayan Prusty first shows you how to set up the tools and get an API key. After an introduction to presenting simple maps with the JavaScript, the course describes how to set a map's initial state, switch between different map types, work with map markers, draw shapes, and work with zoom controls, the My Location button, and Much more.

Topics include:

  • Setting up the developer tools
  • Adding required permissions
  • Getting a Google Maps API key
  • Setting a map's initial state
  • Geocoding an address
  • Adding map markers
  • Handling marker events
  • Drawing lines, polygons, and circles
  • Adding maps to existing apps
Who is the target audience?
  • Web Developers
  • Application Developers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 25 Lectures Collapse All 25 Lectures 01:08:05
+
Introduction
2 Lectures 04:06
+
Setting Up Environment and Understanding Layers
2 Lectures 06:00
+
Creating a Sample Map
3 Lectures 11:28
Setting Up Basic HTML Template
04:43

Creating a Map Object, Passing Map Properties and Loading the Map
04:27

Map Types
02:18
+
Google Maps Overlays
8 Lectures 15:41
What is Google Maps Overlays
00:56

Adding a Marker
01:53

Animate a Marker
01:31

Icon Instead of Marker
01:04

Polyline
04:15

Polygon
02:15

Circle
02:05

Infowindow
01:42
+
Google Maps Events
3 Lectures 05:13
What is Google Maps Events
00:45

Click the marker to zoom
01:51

Pan back to marker
02:37
+
Google Maps Controls
4 Lectures 10:59
What are Map controls and what are the default controls
01:03

More controls
02:04

Disabling the default controls
02:02

Custom controls
05:50
+
Miscellaneous
2 Lectures 00:00
Using HTML5 Geolocation to show current location with Google Maps API
3 pages

Creating Google Maps Sample App with AngularJS and Onsen UI
10 pages
+
Conclusion
1 Lecture 01:38
Conclusion
01:38
About the Instructor
QScutter Tutorials
3.3 Average rating
543 Reviews
6,955 Students
40 Courses
a place to learn technology

QScutter is a Indian based company that offers an ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples. The emphasis is on teaching real life skills that are essential in today's commercial environment. We provide tutorials for almost all IT topics.