reviews Get a Maps Demo Key: Try out select Maps JavaScript API and Places UI Kit features at no cost with a Maps Demo Key—no billing information required.
Maps JavaScript API
Build dynamic, interactive, deeply customized maps, location, and geospatial experiences for your web apps.
Get started with a Maps Demo Key at no cost.
If you need to use the Maps JavaScript API in a production application, see Set up the Maps JavaScript API.
explore
Get started with Google Maps Platform
Follow Google Maps Platform getting started guide to create an account, generate an API key, and start building.
map
Build your first map with a marker
Learn how to load the Maps JavaScript API, and add a map with a marker to your web app.
public
Build a 3D map
Learn how to create a 3D map using the Maps JavaScript API.
palette
Customize the style of your map
Customize just about every aspect of the map, including roads, geographical features, points of interest, and more.
chat
Add info windows to your markers
Show an info window with additional information and context when your users click on a marker.
Map types
Display the road, satellite, hybrid, terrain, and custom maps.
Localization
Automatically localize text on the map into over 40 languages.
Markers
Display the default Google Maps marker, or add your own custom-styled markers.
UI controls
Customize the UI controls that appear on the map.
Events
Write code that reacts to user interactions and lifecycle events.
WebGL overlay
Build rich 3D and 2D experiences on the vector basemap with the power of WebGL.
Info windows
Add increased context and information to your markers with interactive info windows.
Custom overlays
Create custom overlays to display data, imagery, and more on the map.
Ground overlays
Overlay your own custom imagery that stays in sync with the map when it pans and zooms.
Data layer
Display GeoJSON and other data types on the map in a variety of formats.
Custom styling
Custom style the appearance of almost every visual aspect of the map.
Tilt & rotation
Programmatically tilt and rotate the vector basemap in three dimensions.
Marker clustering
Group large numbers of markers for a cleaner user experience.
Heatmaps
Visualize the density of data at geographical points.
Libraries overview
Learn how to bootstrap available libraries when you load the Maps JS API.
Drawing library
Give your users the ability to interactively draw on the map.
Geometry library
Use utility functions that computate geometric data on the surface of the Earth.
Places library
Search for place data, retrieve Place details and photos, and enable Place Autocomplete.
Routes library
Get driving directions between locations, and route matrixes with distances and travel times.
Address Validation library
Validate and standardize addresses.
Visualization library
Visualize data intensity at geographical points with heat maps.
Elevation service
Retrieve the elevation of locations on the surface of the Earth, including the ocean floor.
Geocoding service
Convert addresses or Place IDs to coordinates and vice versa.
Maximum Zoom Imagery service
Query for the maximum zoom level of imagery available at a location.
Street View service
Add 360 degree Street View imagery to your web apps, or upload your own imagery.
business
Searching for Places
Use the Places library to search for places.
dark_mode
Styling the map for dark mode
Use custom map styling to add a dark mode map to your web app.
location_on
Customizing marker icons
Change the marker icons on your map to a custom image.
layers
Using custom overlays
Create a rich overlay on the map that stays in sync when the user pans and zooms.
traffic
Displaying a traffic layer
Display real-time traffic in a rich map overlay.
map
Tilting & rotating the map
Programmatically tilt and rotate the vector map in three dimensions.
Stack Overflow
Get help. Give Help. Build Maps karma.
Issue Tracker
Report a bug or open a feature request.
Platform status
Find out about platform incidents and outages.
Support
Get help from the Google Maps Platform team.