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

Customizing Google Maps

Overview

In this class, you will design and create a university campus map. The Maps API allows you to customize the look and feel of the map. Custom markers will help the user differentiate between different features of the campus (such as classrooms, bathrooms and student facilities). A custom legend will communicate these different types of map features, and a custom map style will help make the map overlays stand out.

Learning objectives

By the end of this class, you'll be able to:

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

Prerequisites

Sample App

You'll be creating a simple campus map, using different colors to style the base map, and adding markers to represent features.

Lessons

Send feedback about...

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