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.
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.
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.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
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.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
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.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
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.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
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.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
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.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
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.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
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.
