This map shows the pins but if they are very close or overlapping, when the user clicks on the cluster it spreads them out ("spiderfies" them) with lines tracking them back to their original position. The user can then click the individual pins to get info about them.

Uses https://github.com/jawj/OverlappingMarkerSpiderfier.

By default the plugin uses a function to format the pins so that they look different if they are spiderfied or not. To modify the formatting you can provide your own marker formatting function and specify it in the JavaScript Initialization Code attribute.

To customise the markers in response to the spiderfier's changes, use the plugin's JavaScript Initialization Code to supply a spiderfy format function, e.g.: this.options.spiderfyFormatFn = function(marker, status) { var iconURL = 'https://mt.googleapis.com/vt/icon/name=icons/spotlight/' + (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIED) ? 'spotlight-waypoint-blue.png' : 'spotlight-poi.png'; marker.setIcon({url: iconURL}); };

If the spiderfy option basicFormatEvents = true, status will be SPIDERFIED, SPIDERFIABLE, or UNSPIDERFIABLE; if basicFormatEvents = false, status will be SPIDERFIED or UNSPIDERFIED