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.
Browse Amazing Features
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!
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.