Skip to content
This repository has been archived by the owner on Jan 24, 2022. It is now read-only.


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Google Maps JS API / Example Apps

This repo contains example apps that show how to use the Google Maps Platform JS API with the data visualization framework.

If this is your first time looking at these examples, start with the Example App, which shows all of the different layers we currently have examples for in a single UI. This repo also has simplified standalone examples for each layer individually in /Layers , which are less complex and easier to parse than the Demo App.

What is uses a layer-based approach to render WebGL-accelerated data visualizations on top of the Google Maps base map. Custom overlay support in the Maps JS API is used to sync the layers movement of the underlying map, including panning and zooming.

To learn more about how the and Google Maps Platform teams worked together to add support for to the Maps JS API base map, check out this post on the blog.

Running the example apps

All of the apps are built to be served locally using webpack devserver. For instructions on running one of the apps, see its README file.


To run the example apps in this repo, you'll need an API key from a Google Cloud project that has the Maps JS API enabled, Places API and Directions API enabled.

For more information, see Get Started with Google Maps Platform.

Documentation & resources