Google Maps JS API / deck.gl Example Apps

This repo contains example apps that show how to use the Google Maps Platform JS API with the deck.gl 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 deck.gl?

deck.gl 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 deck.gl and Google Maps Platform teams worked together to add support for deck.gl to the Maps JS API base map, check out this post on the vis.gl 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.

Requirements

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

• Google Maps JS API docs
• GoogleMapsOverlay deck.gl submodule docs
• deck.gl docs