Divi Map Extended

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.

No limit for marker

Many marker pin options to choose from so that you can play around with to suit your needs. Options such as Trigger Method(On click or On Hover) for opening the InfoWindow, InfoWindow Width, Bounce Animation, Drop Animation on page load, Marker URL, Marker Label and opening all marker InfoWindow on load.

Divi Web Design

Open InfoWindow On load.

Divi Web Design

Singapore 510429

Open InfoWindow On load.

Direction

Sentosa

Bounce Animation on Click with InfoWindow Animation. Close me and open again!

Sentosa

39 Artillery Ave, Singapore 099958

Bounce Animation on Click with InfoWindow Animation. Close me and open again!

Direction

Airport

Drop Animation on load with InfoWindow Animation. Close me and open again!

Airport

Airport Blvd, Changi Airport Singapore (SIN), Singapore

Drop Animation on load with InfoWindow Animation. Close me and open again!

Direction

Divi Web Design

Divi Web Design

Singapore 510429

Direction

Sentosa

Sentosa

39 Artillery Ave, Singapore 099958

Direction

Marina Bay Sands

Marina Bay Sands

10 Bayfront Ave, Singapore 018956

Direction

Singapore Zoo

Singapore Zoo

80 Mandai Lake Rd, Singapore 729826

Direction

Singapore Changi Airport

Singapore Changi Airport

Airport Blvd, Changi Airport Singapore (SIN), Singapore

Direction

Marker clustering

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.

Marker Listing & FILTERING

Less is more

Using the Marker Listing 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 with the ability to adjust map zoom. You can also style the listing.

Marker Category is the perfect way of segmenting your markers and allowing your visitors to show only certain types of markers on the map. Works nicely with Marker Listing.

Marker Filter By:

Title

Categories

Address

Description

Directions

Sentosa

Content for Sentosa

Sentosa

South

39 Artillery Ave, Singapore 099958

Content for Sentosa

Direction

Marina Bay Sands

Content of Marina bay sands

Marina Bay Sands

South

10 Bayfront Ave, Singapore 018956

Content of Marina bay sands

Direction

Divi Web Design

Content for Divi Web Design Marker

Divi Web Design

East

Singapore 510429

Content for Divi Web Design Marker

Direction

Khatib Bongsu Park Connector

Content for Park

Khatib Bongsu Park Connector

North

Yishun Avenue 6, Khatib Bongsu, Singapore 768959

Content for Park

Direction

Airport

Content for Airport

Airport

East, North

Airport Blvd, Changi Airport Singapore (SIN), Singapore

Content for Airport

Direction

Map Directions

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.