Overview
The Map block embeds interactive maps to display your business location, event venue, or any geographic point of interest. It supports three map providers including a free option (OpenStreetMap) that requires no API key, plus premium options from Google Maps and Mapbox.
This is the Map Block (Google Map)
Show where your team is located and how to reach you.
Hours: Mon–Fri 9am–5pm
Phone: (555) 123‑4567
Email: hello@tallcms.com
This is the Map Block (Open Street Map)
Show where your team is located and how to reach you.
Hours: Mon–Fri 9am–5pm
Phone: (555) 123‑4567
Email: hello@tallcms.com
Fields
| Field | Description |
|---|---|
| Heading | Optional section title above the map |
| Subheading | Supporting text below the heading |
| Latitude | Location latitude coordinate (required) |
| Longitude | Location longitude coordinate (required) |
| Address | Address text for marker popup |
| Marker Title | Tooltip text on marker hover |
| Contact Info | Additional information displayed below the map |
| Provider | Map service: OpenStreetMap, Google, or Mapbox |
| Zoom | Map zoom level (1-20) |
| Height | Map height: Small, Medium, Large, or XL |
| Style | Map appearance (provider-dependent) |
| Show Marker | Display location marker pin |
| Scrollwheel Zoom | Enable zoom via mouse scroll |
| Rounded | Apply rounded corners |
| Content Width | Control the maximum width of the content area |
| Animation | Entrance animation effect |
Map Providers
| Provider | API Key | Best For |
|---|---|---|
| OpenStreetMap | Not required | Free option, simple maps |
| Google Maps | Required | Familiar interface, Street View |
| Mapbox | Required | Custom styling, high performance |
Map Styles
Available for Google Maps and Mapbox:
| Style | Description |
|---|---|
| Streets | Standard road map view |
| Satellite | Aerial/satellite imagery |
| Hybrid | Satellite with road labels |
| Terrain | Topographic features |
Note: OpenStreetMap uses the streets style only.
Height Options
| Option | Size |
|---|---|
| Small | 300px |
| Medium | 400px |
| Large | 500px |
| XL | 600px |
Finding Coordinates
To find latitude and longitude for a location:
- Go to Google Maps
- Right-click on the desired location
- Click the coordinates to copy them
- Paste latitude and longitude into the block fields
Tips
- OpenStreetMap is a great free option for simple location display
- Disable scrollwheel zoom if the map is near scrollable content
- Add contact info to display phone, email, or hours below the map
- Zoom level 14-16 works well for street-level views
Comments
No comments yet. Be the first to share your thoughts!