Google Maps JavaScript API - Complete Training
2.9 (39 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
489 students enrolled

Google Maps JavaScript API - Complete Training

Embedding Google Maps In Websites and Phonegap Apps
2.9 (39 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
489 students enrolled
Last updated 8/2015
English
English [Auto-generated]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 2 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Learn Google Maps API JavaScript V3
  • Makes websites more informative using Maps
  • Embedding maps into phonegap apps
Course content
Expand all 25 lectures 01:08:05
+ 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
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 this course is for:
  • Web Developers
  • Application Developers