Gmap Block Pro

Gmap Block offers a key-free embed for one Google map location. Gmap Block Pro uses the Google Maps JavaScript API for interactive maps, so its Pro functions require a Google Maps API key. For geographic data suited to a different format, Pro also includes an SVG world map you can color with your own data.

Add the block to posts, pages, templates, template parts, or patterns. Use it for office locations, venue details, or directories where users can explore places within the page.

Locations and directions

• Add multiple locations to one map, with individual details for each.
• Choose custom pin colors or an SVG icon for markers, and attach information windows to markers.
• Let visitors click a location card to pan and zoom the map to its place.
• Display driving directions between two points.

Map style and interaction

Choose dark mode or muted palettes, or conceal points of interest to change the map's appearance. An interaction control can stop the map from capturing page scrolling, so visitors can continue moving through the page.

Configure the API key

The extension includes guidance for creating a Google Maps API key. In Settings → Gmap Block, select Test this key to check whether Google accepted it and whether Places API (New) responded. If a Pro map appears blank, the result can help identify which Google API still needs to be enabled.

Setup

1. Install and activate Gmap Block Pro.
2. Prepare a Google Maps API key for the Pro features.
3. Open Gmap Block options and select Test this key to check the configuration.
4. Add the Gmap Block to a post, page, template, template part, or pattern.
5. Add locations, markers, information windows, styling, and any other map controls you need.
6. Preview and publish the content.

Gmap Block Pro includes priority support and automatic updates.