Map Element
The Map element embeds dynamic, interactive geographical maps into your page with support for coordinates, zoom levels, and satellite views.
Live Preview
Map Preview
Specifications
Maps can be configured to highlight specific locations or provide broad geographic context:
- Location Mapping: Define the precise center of the map using Latitude and Longitude coordinates.
- Zoom Control: Set a specific Zoom Level (1-20) to focus on a city or a single building.
- Map Type: Switch between the standard Roadmap view and the Satellite imagery mode.
- Responsive Frames: Maps scale automatically while maintaining their aspect ratio across all screen sizes.
- Styling: Apply custom border-radius and shadows to integrate maps into your layout seamlessly.
AI Guidance
How to prompt for Maps:
- Add a map centered on New York City with a zoom level of 12.
- Create a satellite view map of the Grand Canyon.
- Insert a rounded map of London to the contact section.