Last updated:
May 19, 2026
Map Provider: Google Maps
To use Google Maps with Dynamic Map for Webflow, switch the Map Provider to Google Maps in Map Settings, choose a default Google map theme, and insert a Google API Key from Google Cloud Console. A video tutorial walks through the API key setup process.
Use Google Maps to create Google-Maps-themed maps in Dynamic Map for Webflow. Requires a Google API Key from Google Cloud Console.
Configure Google Maps
- In Dynamic Map, open Map Settings and change Map Provider to Google Maps.
- Select a Map Style from Google's default themes.
- Insert your Google API Key. (Watch the video tutorial.)
💡 No API key? Try MapLibre or Open Street Map — both free with no account required.
If your Google map appears gray after setup, see My Google Map is not loading / is gray.
