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
Properties
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.
Last updated