Google Map ( Simple ) ✅

A streamlined Google Maps integration component.

Key Features

• No Google Maps API key required

• Easy location-based mapping

  • CMS binding support to a text location field

• Multiple map types: Street Map, Satellite, Hybrid, Terrain

• Configurable zoom levels

• Flexible sizing options

Demo

Google Mapswebflow-core-component-test.webflow.io

Properties

Name	Type	Notes
Type	Variant	Choose from Street Map, Satellite, Hybrid, or Terrain views
Location	Text	Address, place name, or coordinates (e.g., "Eiffel Tower,Paris" or "48.8584,2.2945")
Zoom	Number	Zoom level from 1-20: 1: World view 5: Continent / subcontinental view 10: City view 15: Streets view 16-17: Buildings view 20: Building details
Width	Text ( Measure )	CSS measurements (e.g., "100%", "300px", "50vw"). Height defaults to 500px if not specified.
Height	Text ( Measure )	CSS measurements (e.g., "100%", "300px", "50vw"). Height defaults to 500px if not specified.
Debug	Boolean	For console log debugging

Best Practices

Recommended zoom levels:

• Business/POI: 15-16

• Neighborhood: 14-15

• City overview: 12-13

• Regional: 8-10

• Country: 5-6

• Continent: 4-5

Styling

None.