Google Maps API

Tutorials

JavaScript API v3

The Google Maps JavaScript API v3 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

Add 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

Customize 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

Authentication required

You need to be signed in with Google+ to do that.

Signing you in...

Google Developers needs your permission to do that.