Description
Enhance your Divi website google map with style. Our Divi Custom Map Extended Module is designed to work with any Divi Builder based site. you have 74 preload color map styles to choose from. You can add your own pin icon and set the icon/image width and height. You can also show the infoWindow on load as well as Font styling on title and content! You can have bounce animation on the marker pin too! No fuss and super easy to use! Impress your visitors and clients’ website now!
Features
- 74 Preload Color Map Styles
- Use Google Map JSON code from Google or SnazzyMap.
- Custom Fill, Stroke and Circle Color on default Marker Pin
- Custom Pin Icon/Image
- Change Pin Icon/Image on Click/Hover (Based on Trigger Method)
- InfoWindow Customization
- Marker Cover Image
- Add URL to Marker
- Choose Trigger method for InfoWindow – Click or Hover on Marker Pin
- Show InfoWindow on load
- Bounce Animation on Marker Pin
- Show or Hide Control UI
- 4 Map types – RoadMap(Default), Satellite, Hybird and Terrian
- Title and Content Styling
- Define Map Height on Desktop, Tablet and Mobile
- Custom Marker Label
- Show Direction from Current location to Markers Location with/without Text Direction
- Marker Listing (With advanced styling)
- Marker Category Filtering (Support Single or Multi Categories)
- Marker Clustering (With advanced styling)
- InfoWindow Styling with Animations
- Fullwidth Map Extended included
Teddy Marcus –
Awesome module! I install this on every clients site and I think this is one of the must have module to have. Hope you guys will add more option soon! Can’t wait for it!
Ken Ng –
Thanks Teddy! We just updated to version 1.2.1 and now with 70 preload map styles and now you can hide controls (Zoom) 🙂
Mike (verified owner) –
Superb!
Mario –
Hi, great plugin but I have some trouble with the full-width appearance. If I set a full-width row there isn’t any extended-map module option.
If I put the extended-map module in a standard row and setup the full-width render, the module float to the left of the browser without margins or paddings (and that’s ok) but is not at 100%. I’ve already used some css hacks but with no results: the width remain at 89%, even if I add “width:100% !important” in all sections (row, module etc.). I’ve missed something I’m sure.
Ken Ng (verified owner) –
Hi Mario,
This will not appear on the Fullwidth Section. To have a similar Fullwidth style, Our documentation does have step by step on how to create a Fullwidth Map. Make sure you go to row settings and select Gutter 0 and Make this Row Fullwidth.
Mike (verified owner) –
Great plugin. Does everything it’s supposed to very well!
I have a question. If I have put more that one marker on a map lets say I have 5 markers and I only want one of them to bounce what do I do ?
Joerg (verified owner) –
Perfect for all my Clients! Support was very kind and fast!
Yari Bernardus (verified owner) –
Perfect looking extension on the map, easy to personilize!
One thing that I would like to see, how can i add my own snazzy maps layout? that would great!
Ken Ng (verified owner) –
Thanks! We are still thinking how we can make this easier for end users to have their own snazzy maps.
Helmut Hejtmanek (verified owner) –
Hi! It is really great. But the map design “google default” does not work.
That would be important for me!
Ken Ng (verified owner) –
Hi Helmut, which version are you on? Can you try updating to the latest version?
Bernt –
Looks great! We are adding a lot of markers, are there a way to use a marker clustering functionality?
Ken Ng (verified owner) –
Hello Bernt,
Not at the moment with Marker Clustering. We will look into it after our new product launched 🙂
venupriya krishnasamy (verified owner) –
Hi this is gud…But i could not get it bounce…Please help me..
Ken Ng (verified owner) –
Hello, Can you send us a ticket?
toni.olivier (verified owner) –
Hi,
Can you tell me whether there is somewhere I can see previews of the map styles? When using the visual builder the map does not display, so I have to keep saving and previewing, which takes ages.
Could you also tell me where I can set the scale of the custom icons? They are too tiny when I zoom in to the map.
Thanks!
Divi Web Design (verified owner) –
Hello Toni,
We are using map styles from snazzymaps and the best way to preview is to use the preview button on the page builder to see the styles. As for Visual Builder, All 3rd party custom Divi modules in the Divi community are fully functional in Page Builder. Modules added through page builder can be viewed, but cannot be added or edited through Visual Builder. This is a constraint placed on third party modules in Divi 3. We will have to wait for Elegant Themes for any update. Can you submit a ticket regarding the icons?
Rimotevst –
The module is pretty perfect , i were looking for this long time, and it give me exact things i need – custom colors and custom pin. I use divi like last 2 years and half but i think this module should replace the current “poor” map plugin inside of Core Divi Builder. 8$ are nothing .. compared to yearly membership we all pay.. don’t be greed ..
omkarvagabondartist (verified owner) –
Just bought this plugin after reading an article about it on Elegant themes blog. Tried it on site, and i am loving it! Thanks for making this plugin and all cheers to the team that made this possible!! :-))
Divi Web Design (verified owner) –
Thanks! We now updated to 1.4.6 and bringing you more amazing features!
divi (verified owner) –
Hi,
I just bought the plugin. Is there a way (hook/filter) to use a custom style preset?
And is it possible to discard all the other styles from the js to save some bandwidth?
Thanks!
Divi Web Design (verified owner) –
Hello there,
We are still thinking the best way which could be easier for end users to copy and paste JSON codes into the MAP. Will try to figure that out.
Isabel (verified owner) –
This is a great plugin. It’s easy to use and allows to add a unique twist to every Divi website. Well done! 🙂
Ivan –
It is a great plugin but can it be PHP v.7 compatible?
The ‘PHP Compatibility Checker’ finds an error:
*hidden* for path protection
——————————-
FOUND 1 ERROR AFFECTING 1 LINE
——————————-
1412 | ERROR | Indirect access to variables, properties and methods will be evaluated strictly in left-to-right order since PHP 7.0. Use curly braces to remove ambiguity.
Divi Web Design (verified owner) –
Hello Ivan, we are on PHP 7 as well but do not have this error on our site. Can you confirm you’re on the latest version of Map Extended?
p.vancraeyveld (verified owner) –
Great Plugin with tons of functionalities. Highly customizable, and excellent support. Love it!
leonie.skelton (verified owner) –
Love this – lots of room for customization & easy to use. Support is fast & super helpful too!
Divi Web Design (verified owner) –
Thank you Leonie! More to come soon! 🙂
Katja Lampela (verified owner) –
Great and easy to use! One thing I miss though, how can I translate it, mainly the route? Loco translation plugin doesn’t find the “right, left” and so on.
Divi Web Design (verified owner) –
Hi Katja,
In the next update we will allow you to enter your own text on the direction function such as Route, To and etc.
Colman Carpenter (verified owner) –
Excellent product….been using it for about 18 months and the improvement in functionality in that time is amazing. What started as a useful means of extending the standard map module is now a powerful addition in its own right, allowing almost complete contol over maps and adding some really useful functions. Ken’s plans for future development, and openness to suggestions bode well for ongoing improvement too!
Divi Web Design (verified owner) –
Thanks Colman and also suggesting great ideas to improve to Divi Map Extended! I believe more great features will be added in the near future like what we always do!
ElmsPark (verified owner) –
Loving this plugin, but just one question, when will you be putting back the ‘Dynamic Content’ support. I’m now extensively using the ACF Pro plugin with Divi, which makes it easier for my clients to update their sites.
Divi Web Design (verified owner) –
Currently there’s no such feature for dynamic options on their current API. This will be integrated when they release it to 3rd party developers
Charlie Burns (verified owner) –
Easy to use. Lots of useful functionality. Support was lighting fast and helped me in a pinch.
Eduardo –
It stopped working in version 3.0.1 🙁
Divi Web Design (verified owner) –
Hi there, probably cache issue because if it doesn’t work, then our demo will not work as well 🙂
Try doing the following steps:
Jeff L (verified owner) –
I use this plugin on every website build I use! very easy and super customizable. LOVE IT! Also the support team is very quick at getting back with any issues or questions about the product. Highly suggest!
Rich –
Great plug in is it compatible with the latest version of WordPress?
Divi Web Design (verified owner) –
Hi Rich,
Yes. It is working the latest version of WordPress and Divi. If you take a look at our changelog, we are constantly updating the plugin to add new features, updates and fixes.
Leon G. Milošević (verified owner) –
Excellent plugin, making Divi maps truly attractive and far more capable. I miss only one thing and that is to move map automatically upon opening info window because sometimes it hides close button.
And support! I always had much more will to use something and purchase some more, when I see that support team works FAST! They responded via Facebook realy fast and I find that beautiful and professional.
Thank you. Will gladly use your sollutions.
Robert –
Dear Divi webdesign team,thank you for the great plugin.
The last update is great.
One question:
I ttreid to hide the POI (Points of interest) in my map by integrating the code below in my Divi body integration tab.
I found it at Google Developers. According to them it should work.
(I did not put my Google API Key in this copy below.)
Could you give ma a tip how to get that done?
Cheers,
Robert
Here is the script, i tried on my site:
var map;
function initMap() {
map = new google.maps.Map(document.getElementById(‘map’), {
center: {lat: -33.86, lng: 151.209},
zoom: 13,
mapTypeControl: false
});
var styles = {
default: null,
hide: [
{
featureType: ‘poi.business’,
stylers: [{visibility: ‘off’}]
},
{
featureType: ‘transit’,
elementType: ‘labels.icon’,
stylers: [{visibility: ‘on’}]
}
]
};
Labite –
Is this plugin working fine with Divi Theme builder ? V.4+
Also, I’ve noticed that the last update was in 6 Sept 2019.
Is there anything being done today? Can I expect feature updates? And if so, when and what?
– Changing rating after reply
Divi Web Design (verified owner) –
Hi there, this is 100% working with the Divi 4.0 and onwards. The reason why it wasn’t updated for quite awhile because it’s working as expected 🙂