Maps JavaScript API

Build dynamic, interactive, deeply customized maps, location, and geospatial experiences for your web apps.

Get Started

Start building with commonly used features of the Maps JavaScript API.
Follow the Google Maps Platform getting started guide to create an account, generate an API key, and start building.
Learn how to load the Maps JavaScript API, and add a map with a marker to your web app.
Customize just about every aspect of the map, including roads, geographical features, points of interest, and more.
Show an info window with additional information and context when your users click on a marker.

Features

Browse docs for core features of the Maps JavaScript API.
Display the road, satellite, hybrid, terrain, and custom maps.
Automatically localize text on the map into over 40 languages.
Display the default Google Maps marker, or add your own custom-styled markers.
Customize the UI controls that appear on the map.
Write code that reacts to user interactions and lifecycle events.
Build rich 3D and 2D experiences on the vector basemap with the power of WebGL.
Add increased context and information to your markers with interactive info windows.
Draw a variety of shapes on the map with built-in functions, including polylines and polygons.
Create custom overlays to display data, imagery, and more on the map.
Overlay your own custom imagery that stays in sync with the map when it pans and zooms.
Display GeoJSON and other data types on the map in a variety of formats.
Custom style the appearance of almost every visual aspect of the map.
Programmatically tilt and rotate the vector basemap in three dimensions.
Group large numbers of markers for a cleaner user experience.
Visualize the denisity of data at geographical points.

Libraries

Bootstrap optional libraries when you load the Maps JS API to add extended functionality.
Learn how to bootstrap available libraries when you load the Maps JS API.
Give your users the ability to interactively draw on the map.
Use utility functions that computate geometric data on the surface of the Earth.
Search for nearby Places, enable Place Autocomplete, and retrieve Place details and photos.
Add an interactive map with a place chooser consisting of a gallery of photos.
Visualize data intensity at geographical points with heat maps.

Services

Try built-in data services to enrich your web apps.
Get directions between two points on the map with up to 25 waypoints.
Fetch travel distance and time for a matrix of origins and destinations.
Retrieve the elevation of locations on the surface of the Earth, including the ocean floor.
Convert addresses or Place IDs to coordinates and vice versa.
Query for the maximum zoom level of imagery available at a location.
Add 360 degree Street View imagery to your web apps, or upload your own imagery.

Example apps

Run live code samples on your local machine and favorite code playgrounds.
Use the Places library to search for nearby places.
Use custom map styling to add a dark mode map to your web app.
Change the marker icons on your map to a custom image.
Create a rich overlay on the map that stays in sync when the user pans and zooms.
Display real-time traffic in a rich map overlay.
Programmatically tilt and rotate the vector map in three dimensions.
more example apps

Help & support

Get help. Give help. Join the community.

Get help. Give Help. Build Maps karma.

Report a bug or open a feature request.

Find out about platform incidents and outages.

Get help from the Google Maps Platform team.