Adding a text overlay to a map on a WordPress website is a useful way to provide visitors with additional information about an area. Whether you need to pinpoint the exact location of an event or provide a detailed explanation of the area, a text overlay is an effective addition to your map.
With the Nexter Blocks Google Map block, you can add text overlay on Google Maps in the WordPress block editor.
The Map Overlay Content feature in the Google Map block lets you add a title and description directly on top of the map, with a toggle button for users to show or hide the overlay.
To check the complete feature overview documentation of the Nexter Blocks Google Map block, click here.
Best Used For:
- Local business websites that want to show store hours, address, or directions on the embedded map
- Event landing pages that need to display venue name and details alongside the map
- Real estate and property sites that add neighborhood info or property descriptions as a map overlay
Requirement — This block is a part of Nexter Blocks. Make sure it is installed and activated to use this feature.
To add a text overlay on Google Maps, add the Google Map block on the page, go to Overlay Content > Map Overlay Content, and turn on the toggle.
In the Title field, add your overlay content title. In the Description field, add your content. You can also use HTML in the description field to add images or formatted text.
It will also add a toggle button on the map that visitors can use to show or hide the overlay content. This is useful when the overlay covers part of the map and you want to give visitors the option to dismiss it.
From the Style tab, manage the overlay content styling.
To build a contact or location page template that embeds this map overlay, see Nexter Theme Builder Explained.
Also check out How to generate Google Maps API Key for WordPress.
