Leaflet Map Module Demo

Create Beautiful Looking Interactive Leaflet Maps in Divi with Supreme Maps. Use Google Map API for accurate geolocation otherwise you can use Lat and Long.

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.

Customizable Marker Popups

Display helpful details, text, even media when a user hovers or clicks on a marker. Show hours, phone numbers, services…any information you like. Or automatically show all the popups when the map loads and let the user close them when they wish.

Google Headquarters - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Masoo Naqvi Mosque - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Custom Marker Graphics

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.

Google Headquarters - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Masoo Naqvi Mosque - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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.

Google Headquarters - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Masoo Naqvi Mosque - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Show Popup on Hover/Click

Display helpful details, text, even media when a user hovers or clicks on a marker. Show hours, phone numbers, services…any information you like. Extend and enhance your site design with a wide range of styling options: text/background colors, borders, rounded corners, size controls, closing method…if you can imagine it you can design it.

Google Headquarters - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Masoo Naqvi Mosque - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Almas Tower

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Arabian Oryx House - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Unlimited Markers

Create tailor-made maps which show multiple locations or related businesses. Customize maps to your users’ needs, highlighting landmarks or points of interest, or show major routes or areas.

Google Headquarters - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Masoo Naqvi Mosque - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Almas Tower

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Arabian Oryx House - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Always Show the Popup

Automatically show all the popups when the map loads and let the user close them when they wish.

DIC Building 9

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Almas Tower

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Markers/Pins 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.

Google Headquarters - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Masoo Naqvi Mosque - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Almas Tower

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Arabian Oryx House - UAE

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

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.

Need help?

Divi Supreme