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

Customizing a Google Map: Overview

Learn how to customize a Google Map by following the tutorials in this section.
To benefit the most from these tutorials, you should have a basic knowledge of adding a Google Map to a web page, styling a map, and adding markers to a map.

Below is a customized map of a university campus.

Follow the tutorials below to learn how this map was customized.

  • Styling the base map

    Highlight features in your map like roads, parks, or specific buildings, by changing the visual display of the base map.

  • Adding custom markers

    Change the default Google Maps pushpin icon to an image of your choice.

  • Adding custom legends

    Create a custom legend to describe symbols on your map.

Send feedback about...

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