Overview

Select platform: Android iOS JavaScript

Samples may not be available in your region.

The Maps JavaScript API is a client-side web API that lets you create maps to show locations anywhere in the world, add your own custom graphics, animations, and interactive custom data layers, and create location-aware features by using the Places API in the Maps JavaScript API. With the Maps JavaScript API, you can:

• Create 2D and 3D maps to show locations anywhere in the world.
• Add customizable markers to indicate locations on a map.
• Use the Places library to get location data for over 200 million places.
• Customize the map's style and colors.
• Add your own interactive custom data layers.
• Display administrative boundaries and make them interactive.
• Add custom 2D and 3D graphics and animated content to your maps.

What's next

Set up and create a map

• Set up your Google Cloud project
• Use API keys
• Load the Maps JavaScript API
• Add a Google Map to a Web Page
• Add a 3D map to a web page
• Tutorials for adding a map (and more)

Use Maps JavaScript API features

• Add markers to a map
• Use the Places library to get location data
• Customize the map's style and colors
• Add interactive data layers
• Display administrative boundaries
• Add a WebGL graphic overlay

Work with Maps JavaScript API services

• Directions Service
• Distance Matrix
• Elevation
• Geocoding
• Maximum Zoom Imagery
• Street View

Work with Maps JavaScript API libraries

• Drawing Library
• Geometry Library
• Visualization Library
• Open Source Libraries

See example code for Maps features