Divi Map Extended
If you are looking to enhance your Google Map experience in Divi such as marker animation, map styles, marker clustering, marker listing or direction, then this is for you. Take a look at the demo below and see what the Divi Map Extended can do and help you in your Project. This is just a beginning, as we are planning to add in more useful features.
Custom Marker Icon
Upload your own custom icon or image for each marker pin. Easily set custom height and width for individual marker pins.
Create your own map styles from SnazzyMap or Google Map Styling Wizard and paste the JSON codes into Divi Map Extended.
Marker Pin Options
Many marker pin options so that you can play around with to suit your needs. Click and Drop Animation, Marker Pin styles and many more.
If you just want to show label below the marker, then you can simply use this feature. The label will help visitors to notice it right away.
Depending on the Trigger Method, you can set an URL to each marker and open an URL(open in this window or in a new window).
When there are too many markers, the marker clustering utility helps you manage multiple markers at different zoom levels.
This will display all your markers in a table list below your Map. Clicking on the relevant marker listing will also show up on the map.
Using the Google Map Direction will allow your visitors to search from their current location to the selected marker with different mode of routes.
Marker Category Filtering
Category is a perfect way of segmenting your markers and allowing your visitors to show only certain types of markers on the map.
Infowindow CustomizationIf you don’t like the default Google InfoWindow style, you can always customize your InfoWindow to suit your needs.
Marker Cover ImageShow a featured image on top of your InfoWindow so that your visitors can get a better picture of your marker details.
Stylish Divi Map
Show your visitors stunning and beautiful Google Maps. Select 74 preload styles or create your own map styles from SnazzyMap or Google Map Styling Wizard and paste the JSON codes into Divi Map Extended.
Make it neat
The marker clustering is very useful if you have too many markers. You can apply clustering on your markers easily using this plugin. 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.
Find location easier
Using the Google Map Direction will allow your visitors to search from their current location to the selected marker. Clicking on the location icon will get visitors’ current location and route to the selected marker with different mode of route such as Driving, Walking, Cycling and Transit. With text direction, visitors will have a clearer direction.
Note: Since this is in Singapore, I would suggest typing the address “Singapore Changi Airport” to see how direction route you through.