Google Maps JavaScript API for beginners

Name: Google Maps JavaScript API for beginners
Rating: 2.7 (12 reviews)

Google Maps JavaScript API is a guide for beginners to create Google Maps Application for Web and Mobile Devices.

Created byGirish Shakya

Last updated 6/2015

English

What you'll learn

able to setup google map apis
able to create Google map for devices
able to create Google map in your websites
control the maps UI events

Course content

13 sections • 46 lectures • 2h 11m total length

About Course and Instructor

Introduction to Google Map JavaScript API1:40
Obtaining API Key1:54
Initialize a Simple Map3:44
Initialize a simple map with the Google Maps JavaScript API by defining an initialize function and map options with center coordinates and zoom, then render on a map canvas.
Loading Google Map API5:57
Initializing Google map3:58
Learn to render a Google Maps map by building an initialize function, setting options with zoom and center coordinates, creating a Google Maps object, and loading it on page load.
Run Simple Google Map0:29
Run a Google Maps JavaScript API map by declaring a map options object and supplying a document id to render the map in the Google Maps JavaScript API for beginners.
loadScript function with mapoptions object5:23
Learn to dynamically load the Google Maps JavaScript API with a loadScript function, configure map options (center and zoom), and initialize the map by attaching a map event listener.
Adding Button event to Load Google Map0:55
Using input element for locating location coordinates in Google Map4:10
Demonstrate locating coordinates on Google Maps using two input fields (text and number), an initialize script, and updating the map center with latitude and longitude.

Map control overview2:39
Disable Default UI control2:21
Enabling with Map Control Options1:21
Zoom Control options2:22
Displaying map with Map and Zoom controls options4:44
Display a Google Maps instance using map type IDs to switch between road map and terrain. Customize zoom and map type controls with a small zoom style and a dropdown.
Control Positioning in Map6:31
Learn to position map controls in Google Maps JavaScript API by setting control positions for zoom, map type, and Street View at various map locations.

Requirements

HTML5 and JavaScript

Description

Did you want to integrate Google Map in your Websites or Mobile application like Android,IOS and don't no how to integrate and create programs in Google Map by using Google Map JavaScript APIs.

"This is a perfect startup guide for YOU"

This conceptual Course is designed to let you quickly start exploring and developing applications with the Google Maps API. This 45 minute tutorial contains videos with complete explanation of Google Map APIs and guide you from the scratch to create google map application and integration of google map apps in your websites or Android / IOS application.

This course structured in a Video format tutorial and at the end of each section source code is included for future reference.

Take this course if you want to have a good startup in Google Map JavaScript API or want to integrate Google Map in your Websites/Android/IOS apps.

Who this course is for:

This is course is for newbies who are interested in integrating Google maps APIs in Desktop or Mobile devices environment.

Google Maps JavaScript API for beginners

What you'll learn

Explore related topics

Course content

Introduction and About Instructors1 lecture0

Installing Netbeans2 lectures • 3min

Getting Started with Google Map API9 lectures • 28min

Developing for Mobile Devices3 lectures • 10min

Localization2 lectures • 6min

Map Controls6 lectures • 20min

Events in Google Map3 lectures • 11min

Map Types in Google Map4 lectures • 10min

Signed - In Maps3 lectures • 6min

Info Window2 lectures • 10min

Requirements

Description

Who this course is for: