Skip to content
Examples showing how to use Google Maps Platform with
JavaScript HTML
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE add github issue templates (#1) Sep 6, 2019
ExampleApp api key updates to readme files Aug 22, 2019
Layers updates license and version in standalone layer examples Sep 14, 2019
img another screenshot Aug 22, 2019
.gitignore moves contributing and license to top level Aug 22, 2019
LICENSE moves contributing and license to top level Aug 22, 2019 api key updates to readme files Aug 22, 2019

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

You can’t perform that action at this time.