Google Map Module Demo

Create Beautiful Looking Interactive Google Maps in Divi with Supreme Maps. With Pro Version, you get more features and more ways to showcase Google Maps.

Extensive Control Settings

Create custom map layouts as unique as your design. Offer interactive zoom-controls onscreen or by click or scroll. Use overlays and animations that complement your site.

6+ Preset Map Styles

Create Beautiful Looking Different looking Maps with 6+ Preset Map Styles to Choose from. Want to use your Custom Style? Simply add your JSON code. Only Pro!

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Show InfoWindow on Hover/Click

Do you want to change the way InfoWindow opens? You can easily change If you want to open the InfoWindow on Hover or Click.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Louis Vuitton New York SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Custom Marker Image

Extend your design theme with any images or icons you choose. You can use a different graphic for each markers, or use them for classification to quickly indicate the type of marker.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Louis Vuitton New York SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Show Unlimited Markers

Do you want to add Multiple Markers? Piece of Cake. Add as many Marker Items as you wish there are no restrictions at all.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Louis Vuitton New York SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Rossignol Store
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
MCM SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Nespresso Boutique SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Customizable Marker Popups

You can also customize the Marker Popup easily. Simple Go to Design settings and do whatever looks good to you. Add Border Radius, Box Shadow and more.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Louis Vuitton New York SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Rossignol Store
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
MCM SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Nespresso Boutique SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Custom Map Styles (JSON)

You’ve already got 6 different Preset Map styles. If you want to use your own custom style then you can simply add your Custom JSON code for it.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Louis Vuitton New York SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Rossignol Store
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
MCM SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Nespresso Boutique SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Extensive InfoWindow Settings

Customize the way InfoWindow shows on your Map. Choose If you want to show the InfoWindow by default and many other helpful settings.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

InfoWindow Opening Animation

You can also add an Opening Animation to the InfoWindow. The Info will show with stunning animation when you click or hover the Marker.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Louis Vuitton New York SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Marker Clustering

The marker clustering is very useful if you have too many markers. The marker clustering utility helps you manage multiple markers at different zoom levels. To be precise, the ‘markers’ are actually ‘items’ at this point, and only become ‘Markers’ when they’re rendered.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Falconeri
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Rossignol Store
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
MCM SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Nespresso Boutique SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Custom Marker Icon

You can even replace the default Marker Icon with an Icon of your choice from Divi’s Big Icon Library and hundreds of Font Awesome Icons.

Apple United States
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Louis Vuitton New York SoHo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Trigger Popup on Marker Click

Do you ever feel the need to Trigger a Popup on Marker Click? Well, It’s easy with our Google Map Module. Simply enable the option and show what you’d like to show. iFrame, Video, Image, Divi Library Layout.

Click to see Image
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.
Click to see Library Layout Popup
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s.

Exit Indent Popup

An Example of Exit Indent. Open popup before your visitor have a chance to hit the back or forward buttons, create a new tab, head to their bookmarks, or type in another url.

Marker Links

Use interactive hyperlinked markers to provide additional information. Link to another section of your page, another page of your website or an external site.

No Bloat!

Just High Performance

Despite its robust code, Divi Supreme Maps is lightweight and fast, with JavaScript added only when required. And Google Map JavaScript will never load on the frontend.

Pro Tip

For accurate geolocation, enter map or marker locations as geographic coordinates (latitude & longitude). Not sure what coordinates to use? Try an online converter or let the Google Map API convert it for you.