Plugin features

Draggable Markers

This map block for Google Maps allows you to add multiple draggable markers. When you click the “Add Marker” button, it will added to the center of the map, after that you can easily reposition it anywhere you like.

Custom Marker Icons

This feature will be handy, for example, when you’re using the Google Maps block to display your company address – it would be great to have your company logo as a marker icon, wouldn’t it?

Alignment controls anc custom height for Gutenberg Google Maps block

Wide/Full-width Alignment and Custom Height

The map block has fully functional horizontal alignment and resizable controls. No unneeded fields for the map height in the sidebar anymore!

Map Styles

Currently, my Gutenberg map block for Google Maps block supports 4 different styles: Light, Dark, Apple Maps-like, and the default one. Styles can be set for each map individually.

Zoom Controls

You can manage the map zoom level both in the map itself or via the block settings, in the sidebar.

How to use the Google Maps block
1. Obtain a Google Maps API key
2. Add and configure the block

How to use the Gutenberg Google Maps Block

My main goal was to develop a Gutenberg map block for Google Maps with the look and feel like it is a standard WordPress block. Meaning that the block configuration is simple and only requires two easy steps.

1. Obtaining a Google Maps API key

Unfortunately, we can not skip this step and for Google Maps to work on our website, we must have an API key for it.

To set it, we need to to the plugin settings to Settings > Map Block:

The main challenge here is to get it somewhere in your Google account. As a first step, you can click the link in the plugin settings and then just follow the instructions and video tutorial there.

2. Adding a Google Maps block to the target page and configuring it

Assuming, that we have configured the API key part, now we’re ready to use the Google Maps block on our website.

We can add it just by typing / (slash) and then start to type the block name:

Insert Google Maps block into the content.

Or using the inserter:

Add a Google Maps block to your content via the inserter.

Once you inserted the block, you can use its settings in the sidebar panel to configure it:

The following map block settings are available at this moment:

4 different map styles – standard, light, dark, and styles similar to Apple maps,
Zoom level and controls (you can decide whether they are displayed on the map or not),
Map center (you can change it easily by dragging the map with your mouse),
Possibility to add multiple markers with custom icons.

Adding new features per your requests is always possible. To get more information about it, please contact me before making a purchase.

FAQ

Do you offer support if I need help?

Yes, of course!

You will receive 2 weeks of support if you purchase a personal license of the plugin. But you can purchase a developer license and receive unlimited support.

You can get support on this page.

What happens if I cancel my subscription?

You can still use the plugin as usual; the only thing is that you will be unable to receive more support or to get the latest version of the plugin. Sometimes it is important to keep your website fast and secure, but it is not necessary.

Can I upgrade my license to a higher plan?

Yes, you can upgrade your license at any time. You will only need to cover the price difference. You can easily manage your licenses from your account area.

Have more questions? Feel free to contact me.

Simple Google Maps Block