Skip to main content
Google
Maps Platform
Overview
Products
Pricing
Documentation
Get Started
Get Started with Google Maps Platform
Capabilities Explorer
Pricing & Billing
Security & Compliance
Reporting & Monitoring
FAQ
Support and Resources
Customer Care
Incident Management
Maps
Maps JavaScript API
Maps SDK for Android
Maps SDK for iOS
Google Maps for Flutter
Maps Embed API
Maps Static API
Street View Insights
Street View Static API
Maps URLs
Aerial View API
Elevation API
Map Tiles API
Maps Datasets API
Web Components
Routes
Routes API
Navigation SDK for Android
Navigation SDK for iOS
Navigation for Flutter
Navigation for React Native
Roads API
Route Optimization API
Analytics
Google Earth
Places Insights
Imagery Insights
Roads Management Insights
Places
Places API
Places SDK for Android
Places SDK for iOS
Places Library, Maps JavaScript API
Geocoding API
Geolocation API
Address Validation API
Time Zone API
Places Aggregate API
Environment
Air Quality API
Pollen API
Solar API
Weather API
Solutions
Maps Builder agent
Industry solutions
Mobility services
Additional Resources
API Security Best Practices
Digital Signature Guide
Map Coverage Details
Optimization Guide
Mobile OS and software support
Launch stages
Legacy products
Deprecations
URL Encoding
WordPress Users
Blog
Community
GitHub
YouTube
LinkedIn
Discord
Innovators
Issue Tracker
/
English
Deutsch
Español
Español – América Latina
Français
Indonesia
Italiano
Polski
Português – Brasil
Tiếng Việt
Türkçe
Русский
עברית
العربيّة
فارسی
हिंदी
বাংলা
ภาษาไทย
中文 – 简体
中文 – 繁體
日本語
한국어
Sign in
Web
Maps JavaScript API
Get Started
Contact sales
Guides
Reference
Samples
Resources
Legacy
Google
Maps Platform
Overview
Products
Pricing
Documentation
More
Guides
Reference
Samples
Resources
Legacy
Blog
Community
More
Maps JavaScript API
Overview
Set up the JavaScript API
Use App Check to secure your API key
Load the Maps JavaScript API
Error handling
Troubleshooting
Tutorials
Add a Google Map with markers using HTML
Add a Google Map with a marker using JavaScript
Add a Google Map to a React app
Show current location
Cluster markers
Concepts
Versioning
Localization
Best practices
TypeScript
Promises
Base map
Add a Google Map to a web page
Map events
Map controls
Control zoom and pan
Rendering type (raster and vector)
Map types
Map color scheme
Map and tile coordinates
Customize maps
Overview
Manage map IDs
Map ID overview
Create map IDs
Cloud-based maps styling
Overview
Get Started
Get started and set up
Tutorial - Highlight a road network
Verify an auto-migrated map style
Map feature changes
Create and use map styles
Create and use map styles
Navigate the preview map and find features
Use JSON with map styles
Use JSON with cloud-based maps styling
JSON reference for cloud-based maps styling
Learn about modes and map types
Test map style updates
Style zoom levels
Work with map style versions
What you can style on a map
Understand map style inheritance and hierarchy
Manage styles that overlap
Modify map settings
Control the density of points of interest
Filter which map features to display
Change the style of buildings
Change the style of landmarks
Change the app background color
Style examples and guidelines
Style examples
Design checklist
Troubleshoot
JSON styling
JSON styling overview
JSON style reference
Work with 3D Maps
Overview
Get started
Concepts
Altitude modes
Best practices
Localization
Base 3D map
3D map controls and exploration
Customize maps
Control the map and camera
Interact with the map
Markers
Overview
Add a marker
Basic marker customization
Create markers with graphics
Create markers with HTML
Make markers accessible
Control collision behavior
Draw on the map
Overview
Popovers
Shapes and lines
3D models
Resources
Support
Coverage
Markers
Overview
Get started
Add a marker to a map
Basic marker customization
Create markers with graphics
Create markers with HTML and CSS
Control collision behavior, altitude, and visibility
Make markers clickable and accessible
Make markers draggable
Migrate to advanced markers
Markers (legacy)
Work with Places
Overview
Places (New)
Overview
Get Started
Text Search (New)
Nearby Search (New)
Place Details
Place Photos
Place Reviews
Place Autocomplete
Overview
Place Autocomplete widget
Place Autocomplete Data API
Autocomplete and session pricing
Place Data fields
Place types
Places UI Kit
Overview
Get started
Place Details
Place Search
Basic Place Autocomplete
Custom styling
Places guides
Place icons
Place IDs
Use App Check to secure your API key
Adopt Places UI Kit for existing places API users
Work with Routes
Overview
Get started
Try the demo
Route class
Overview
Get a route
Get alternative routes
Work with polylines
Work with markers
Set traffic options
Calculate toll fees
Specify features to avoid
Request localized values
Customize routes for vehicle types
Available vehicle types for routes
Get a two-wheeled vehicle route
Get a transit route
Set waypoints along the route
Waypoint types and options
Set intermediate waypoints
Set a stop along a route
Set a point for a route to pass through
Set vehicle heading and side of road
Optimize the order of stops on your route
Route Matrix class
Overview
Get a route matrix
Route Matrix options
Route Matrix vehicle types
Migration guides
Migrate to the new Route class
Migrate to the new Route Matrix class
Migrate to the new rendering methods
Resources
Countries and regions supported for two-wheeled vehicles
Address validation
Overview
Try the demo
Get started
Validate an address
Understand a basic response
Handle the validation response
Build your validation logic
Fix address - examples
Confirm address - examples
Accept address - examples
Handle United States addresses
Country and region coverage
Draw on the map
Overview
Info windows
Shapes and lines
Symbols
WebGL Features
Overview
Vector Map Features
WebGL Overlay View
Support
Deck.gl data visualizations
Ground overlays
Custom overlays
Display data
Overview
Data-driven styling for datasets
Overview
Get started
Create and manage a dataset
Add a dataset to a map
Style data features
Handle mouse events
Policies for data-driven stylng for datasets
Data-driven styling for boundaries
Overview
Get started
Style a boundary polygon
Make a choropleth map
Handle mouse events
Use Places APIs and Geocoding with data-driven styling
Google boundaries coverage
KML
KML and GeoRSS
Display KML data
JSON
Import GeoJSON data into maps
Data visualization
Combine and visualize multiple data sources
Data layer
Heatmap (deprecated)
Traffic, Transit, and Bicycling layers
Grounding with Google Maps
Contextual View component (experimental)
Services
Elevation
Geocoding
Maximum Zoom Imagery
Street View
Additional libraries
Overview
Air Quality Meter widget (experimental)
