You're all set!

To start developing, please head over to our developer documentation.

Activate the Google Maps JavaScript API

To get you started we'll guide you through the Google Developers Console to do a few things first:

  1. Create or choose a project
  2. Activate the Google Maps JavaScript API and related services
  3. Create appropriate keys
Continue

Tutorials

The Google Maps JavaScript API is a powerful, popular mapping API. It's simple to use to add maps to your website, or web or mobile application, and provides a wide range of services and utilities for data visualization, map manipulation, directions, and more.

More info: Developer's Guide - API reference

Adding a Google Map to your website

This tutorial shows you how to:

  • Create an HTML page to hold the map.
  • Load the Maps API JavaScript.
  • Display a map on your page.

Get started

Customizing your Google map

This tutorial shows you how to:

  • Style the base map’s colors.
  • Hide base map geometry, labels and icons.
  • Customize map markers.
  • Add a legend to your map.

Get started

Importing data into your map

This tutorial shows you how to:

  • Load data into your Maps API application from a local file, using XMLHttpRequest.
  • Load data from a different server that is CORS-enabled.
  • Load data using JSONP.
  • Parse the imported data.
  • At the end of this tutorial, you will have loaded GeoJSON data from either a local or a remote source and displayed it on your map.

Get started

Displaying KML

This tutorial shows you how to:

  • Make sure your KML file is set up for import.
  • Create a KMLLayer object.
  • Display the layer.
  • Capture and display feature data in a sidebar.

Get started

Visualizing data: markers, heatmaps, and symbols

This tutorial shows you how to:

  • Import data into your Maps application.
  • Display that data on a map using simple markers.
  • Use symbols and heatmaps to improve the appearance and legibility of your map, and to represent secondary information.

Get started

Mapping with Firebase

This tutorial shows you how to:

  • Place a marker when a user clicks on a location using a Google map.
  • Store those click locations in a Firebase database.
  • Create a visual heatmap from the clicks stored in Firebase.

Get started

Send feedback about...

Google Maps JavaScript API
Google Maps JavaScript API
Need help? Visit our support page.