JavaScript Mapping APIs and Real-World Projects

Build in-demand skills with a full year of Coursera Plus, now $239. Save now.

JavaScript Mapping APIs and Real-World Projects

Instructor: TSV Learning

Included with Learn more

7 modules

Gain insight into a topic and learn the fundamentals.

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

7 modules

Gain insight into a topic and learn the fundamentals.

2 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Build interactive Google Maps applications using JavaScript, custom markers, geocoding, autocomplete, and Places search.
Create and customize map overlays, GeoJSON layers, polygons, and heatmaps to visualize and analyze geographic data.
Implement routing, fleet location tracking, live waypoint updates, and Roads API snapping for location-based applications.

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

There are 7 modules in this course

Build interactive, location-based web applications using the Google Maps JavaScript API. Learn to transform geographic data into practical map experiences through Places search, custom markers, spatial visualization, routing, and fleet tracking.

Designed for JavaScript developers, web developers, and learners interested in mapping applications, this project-based course covers map initialization, controls, information windows, event handling, geocoding, autocomplete, and nearby place searches. You'll create interactive polylines and polygons, calculate geographic distances, and work with drawing tools and Geometry functions. Explore GeoJSON, KML, GeoRSS, and Data layers to build customized geographic visualizations. Learn to display earthquake data, create weighted heatmaps, configure Directions requests, and calculate route distances and durations. Explore fleet tracking workflows, location synchronization, live waypoint updates, and Google Maps Roads API snapping. By the end, you'll be able to build and troubleshoot interactive mapping applications, manage geographic data, visualize spatial patterns, and implement location-based routing features. What makes this course distinctive is its progression from essential mapping concepts to practical geographic visualization and real-time fleet routing projects, helping you apply JavaScript mapping skills to real-world scenarios.

Build interactive Google Maps interfaces using the JavaScript API. Configure map controls, markers, information windows, map events, geocoding, autocomplete, and nearby Places search

What's included

12 videos5 assignments

12 videosTotal 81 minutes

Introduction to Google Maps API8 minutes
Embedding Maps into Web Pages6 minutes
Adding Custom Map Controls8 minutes
Implementing Places Search Autocomplete8 minutes
Creating Location-Based Map Markers7 minutes
Displaying Marker Information Windows8 minutes
Handling Map Click Events8 minutes
Converting Coordinates into Addresses7 minutes
Converting Addresses into Coordinates6 minutes
Configuring Place Autocomplete Restrictions4 minutes
Introduction to Nearby Place Search5 minutes
Filtering Nearby Places by Type6 minutes

5 assignmentsTotal 70 minutes

Google Maps Fundamentals and Places Search30 minutes
Building Interactive Maps10 minutes
Markers and Information Windows10 minutes
Map Events and Geocoding10 minutes
Autocomplete and Nearby Place Search10 minutes

Implement text and nearby place searches, draw connected map paths, calculate geodesic geometry, encode and decode polylines, and apply polygon containment and Data layers

What's included

12 videos5 assignments

12 videosTotal 64 minutes

Displaying Nearby Places with Markers6 minutes
Implementing Text-Based Place Search5 minutes
Introduction to Google Maps Geometry4 minutes
Drawing Polylines Between Map Markers4 minutes
Connecting Map Points with Polylines5 minutes
Calculating Geodesic Distances and Paths5 minutes
Introduction to Polyline Path Encoding8 minutes
Implementing Polyline Encoding and Decoding4 minutes
Displaying Decoded Polyline Coordinates9 minutes
Introduction to Polygon Geometry Functions5 minutes
Checking Points Within Map Polygons5 minutes
Introduction to Google Maps Data Layers5 minutes

5 assignmentsTotal 70 minutes

Place Search and Geometry Essentials30 minutes
Place Markers and Text Search10 minutes
Drawing Map Paths and Polylines10 minutes
Encoding and Decoding Paths10 minutes
Polygon Geometry and Data Layers10 minutes

Create styled and interactive polygons, respond to geometry changes, configure drawing tools and search overlays, and manage map marker, polygon, and symbol interactions.

What's included

12 videos5 assignments

12 videosTotal 77 minutes

Creating and Styling Data Polygons5 minutes
Checking Points Along Polygon Edges8 minutes
Configuring Interactive Drawing Tools8 minutes
Updating Markers on Polygon Changes5 minutes
Handling Complex Polygon Path Updates5 minutes
Introduction to Marker Animation5 minutes
Configuring Drawing Modes and Overlays6 minutes
Handling Dynamically Drawn Map Overlays8 minutes
Searching Places Within Drawn Circles9 minutes
Managing Marker Information Window Events5 minutes
Handling Interactive Polygon Events5 minutes
Creating Custom Map Symbols8 minutes

5 assignmentsTotal 70 minutes

Interactive Polygons and Drawing Tools30 minutes
Creating and Styling Map Polygons10 minutes
Managing Dynamic Polygon Updates10 minutes
Drawing Modes and Search Overlays10 minutes
Interactive Markers, Polygons, and Symbols10 minutes

Customize map symbols and ground overlays; load geographic RSS and KML layers; render custom Data layer features; and import and style GeoJSON geographic data.

What's included

12 videos5 assignments

12 videosTotal 71 minutes

Customizing Symbol Shapes and Colors8 minutes
Introduction to Ground Overlay Animation6 minutes
Ground Overlays Using Drawing Library7 minutes
Exploring Google Maps Layer Types4 minutes
Loading Geographic RSS Feeds6 minutes
Customizing GeoRSS Marker Information6 minutes
Loading KML Geographic Data5 minutes
Handling KML Layer Click Events5 minutes
Understanding Geographic Data Layer Features5 minutes
Rendering Custom Geographic Data Polygons5 minutes
Loading GeoJSON into Data Layers7 minutes
Styling GeoJSON Features on Interaction7 minutes

5 assignmentsTotal 70 minutes

Map Overlays and Geographic Data Formats30 minutes
Custom Symbols and Ground Overlays10 minutes
Map Layers and GeoRSS Integration10 minutes
KML Data and Layer Interactions10 minutes
Custom Data Features and GeoJSON10 minutes

Style GeoJSON features, test polygon containment, map earthquake magnitude with scaled symbols, and transform geographic data into weighted heatmaps and transport visualizations

What's included

12 videos5 assignments

12 videosTotal 67 minutes

Managing Dynamic Feature Style Properties6 minutes
Customizing GeoJSON Marker Icons5 minutes
Implementing GeoJSON File Drag-and-Drop4 minutes
Implementing Polygon Containment Checks5 minutes
Testing GeoJSON Drag-and-Drop Functionality5 minutes
Visualizing Earthquake Data on Maps7 minutes
Scaling Earthquake Markers by Magnitude7 minutes
Introduction to Google Maps Heatmaps5 minutes
Loading GeoJSON Data for Heatmaps6 minutes
Converting Coordinates into Heatmap Points5 minutes
Visualizing Weighted Heatmap Intensity6 minutes
Adding Traffic Transit and Cycling Layers5 minutes

5 assignmentsTotal 70 minutes

GeoJSON Interaction and Spatial Visualization30 minutes
GeoJSON Feature Styling and Icons10 minutes
Polygon Containment and GeoJSON Testing10 minutes
Mapping Earthquake Data10 minutes
Building Weighted Heatmaps10 minutes

Configure traffic and transit visualization, Directions requests and route metrics, and the client/server components needed to exchange and display fleet locations

What's included

12 videos5 assignments

12 videosTotal 84 minutes

Exploring Public Transit Map Coverage5 minutes
Introduction to Google Maps Directions6 minutes
Configuring Fleet Tracking User Accounts8 minutes
Sending Map Locations to Server8 minutes
Initializing the Fleet Tracking Interface9 minutes
Configuring Directions API Request Parameters9 minutes
Configuring Regional Directions and Route Details4 minutes
Calculating Route Distance and Duration9 minutes
Configuring Travel Modes and Departure Times8 minutes
Designing Fleet Tracking Endpoints7 minutes
Implementing Fleet Location Server Responses5 minutes
Debugging Fleet Tracking AJAX Requests6 minutes

5 assignmentsTotal 70 minutes

Directions and Fleet Tracking Foundations30 minutes
Traffic, Transit, and Directions10 minutes
Fleet Tracking Setup and Location Transfer10 minutes
Directions Requests and Route Metrics10 minutes
Travel Settings and Fleet Backend10 minutes

Implement client-side fleet synchronization, live waypoint route updates, Google Maps Roads API snapping, waypoint refinement, duplicate detection, and custom map styling

What's included

13 videos5 assignments

13 videosTotal 72 minutes

Initializing Client-Side Fleet Tracking4 minutes
Sending Clicked Locations to Server7 minutes
Fixing Fleet Location Synchronization6 minutes
Storing Fleet Locations as Waypoints7 minutes
Updating Fleet Routes in Real Time5 minutes
Improving Routes with Road Snapping5 minutes
Configuring Google Maps Roads API7 minutes
Snapping Waypoints onto Roads5 minutes
Optimizing Waypoint Updates and Synchronization5 minutes
Understanding Road Waypoint Interpolation5 minutes
Comparing Waypoints Using Pixel Coordinates5 minutes
Fixing Duplicate Waypoint Detection4 minutes
Customizing Google Maps Visual Styles8 minutes

5 assignmentsTotal 70 minutes

Real-Time Fleet Routing and Road Snapping30 minutes
Client-Side Tracking and Synchronization10 minutes
Waypoints and Live Route Updates10 minutes
Roads API and Snapped Waypoints10 minutes
Waypoint Refinement and Map Styling10 minutes

Instructor

TSV Learning

The Skill Valley

83 Courses544 learners

Offered by

The Skill Valley

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

What brings you to Coursera today?

Start my career

Change my career

Grow in my current role

Explore topics outside of work

Give yourself skills that last, now $239
Save now
Gift your team new skills
Save 40% now

Frequently asked questions

To access course materials, assignments, and earn a Certificate, you'll need to purchase the Certificate experience when you enroll in a course. Eligible learners may also have the option to start with a Free Trial. Some courses may also offer a Full Course, No Certificate option. This lets you access course materials, submit required assessments, and receive a final grade, but you won't be able to earn or purchase a Certificate.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.