NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

Embed Google Map module

Divi Embed Google Map that needs only an address.

Type an address, set the zoom, done. No API key, no billing account. Style it with Divi filters for a greyscale or dark map.

What is the Divi Embed Google Map module?

Embed Google Map is a Divi 5 module in Divi Supreme Pro that shows a Google Map from an address. Unlike a standard maps module, it does not need a Google API key or billing account to work.

Type the address, a place name or coordinates, then set the zoom from 1 to 22. Use Divi’s sizing, border and filter settings to change the height, round the corners or turn the map greyscale. Add an API key later for extra stability.

API keys needed

zoom levels

field to fill

custom code

Start from a Embed Google Map recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Try every Embed Google Map setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Embed Google Map can do.

No API key

Works from an address alone. No Google Cloud project or billing needed.

Any address

Street addresses, place names, postcodes or coordinates.

22 zoom levels

From the whole world down to a single building.

Divi filters

Greyscale, saturation, invert and more to match your design.

Sizing and borders

Set the height, round the corners and add a shadow.

Optional API key

Add your key at any time for extra stability on busy sites.

Embed Google Map documentation

Setup for Divi 5: address, zoom, optional API key, sizing and filters.

Questions about Embed Google Map.

Do I need a Google API key?

No. The map works from the address alone. You can add a key in Google API Key if you ever see loading issues, for extra stability.

What can I type in Address?

A street address, a business or place name, a postcode, or latitude and longitude.

How do I change the zoom?

Set Zoom from 1, the whole world, to 22, a single building. 14 to 16 suits most shop and office maps.

Can I make the map greyscale or dark?

Yes. Use Divi’s Filters settings: Grayscale for a grey map, or Invert with Hue Rotate for a dark one.

How do I change the height?

Use the Height setting under Sizing. You can set different heights for desktop, tablet and phone.

Is the map interactive?

Yes. Visitors can drag, zoom and open the location in Google Maps for directions.

Does it work with Divi 5 and WPML?

Yes. It is a native Divi 5 module and the address can be translated with WPML for local versions.

Next module, A to Z

Facebook Embed Module

Related modules

Business Hours Module

List your opening times.

Contact Form 7 Module

Style your contact form.

Breadcrumbs Module

Navigation trails with schema.

4.9 out of 5

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Show people where to find you.

Embed Google Map comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Divi Supreme