Customizing the widget markers

By default, the widget map displays the markers of the map provider (ie : for now, GoogleMaps). 

They materialize the relevant Locations that match the search made by the user.

However, you can customize the display of these markers and also set up their clustering. The customized markers are related to the number. The number is the same is the related location in the search results list.  

To define your own image marker, add this attribute to the widget script: 

data-map-marker=”https://url.of.your.image”

To customize the content of the marker, apply some style to the following class:

<div class="map-marker-label">

To allow the markers gathering, you have to activate the cluster. It automatically gathers the Locations which are too closed to others to be well displayed on the map. The cluster is displayed with a specific blue marker, which displays the number of Locations which are gathered under it. Zooming on the cluster will make appear the Locations gathered under it.

To activate the cluster, add this attribute to the widget script: 

data-map-cluster=”true”