Google Maps JavaScript API - Complete Training

Embedding Google Maps In Websites and Phonegap Apps
4.2 (24 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.
330 students enrolled
$20
Take This Course
  • Lectures 25
  • Contents Video: 1 hour
    Other: 13 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2014 English

Course 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

What are the requirements?

  • Internet
  • Browser
  • Local Web Server
  • GMail Account

What am I going to get from this course?

  • Learn Google Maps API JavaScript V3
  • Makes websites more informative using Maps
  • Embedding maps into phonegap apps

What is the target audience?

  • Web Developers
  • Application Developers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Introduction To Course
Preview
02:03
Prerequisites
Preview
02:03
Section 2: Setting Up Environment and Understanding Layers
Google Maps API Key
Preview
03:47
Basics Of Google Map API
Preview
02:13
Section 3: Creating a Sample Map
Setting Up Basic HTML Template
04:43
Creating a Map Object, Passing Map Properties and Loading the Map
04:27
Map Types
02:18
Section 4: Google Maps Overlays
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
Section 5: Google Maps Events
What is Google Maps Events
00:45
Click the marker to zoom
01:51
Pan back to marker
02:37
Section 6: Google Maps Controls
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
Section 7: Miscellaneous
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
Section 8: Conclusion
Conclusion
01:38

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

QScutter Tutorials, 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.

Ready to start learning?
Take This Course