Clustering of map icons

[bdolor]

If more than one locations are less than 5km apart, the regular drop pin (map icon) will be replaced with a different clickable area. Instead of a drop pin, the number of locations within that 5km radius will appear at the centre of a circular, clickable area, distinguished by a background colour different than that of the drop pin.

When a cluster number/area is clicked, the behaviour of the map will be:

1. to re-align (centre itself to the clicked area) and
2. zoom in so that the individual drop pins can be viewed.

[bdolor]

@dewolfe001 — with regards to the javascript takedown and highjack: ref: https://wpseek.com/function/wp_dequeue_script/

[dewolfe001]

I posted the changes in a commit c9cdff5 and that appears to be missing. Did I miss a step, or should I re-commit these changes?

[bdolor]

Will need to re-commit.

[bdolor]

@dewolfe001 for reference:
https://github.com/googlemaps/js-marker-clusterer#live-demos
https://googlemaps.github.io/js-marker-clusterer/docs/reference.html

[bdolor]

What is the status of this one @dewolfe001 ?

[bdolor]

@dewolfe001 — I created a new branch 'cluster' https://github.com/bccampus/eypd/tree/cluster and used the markerclusterer.js library. It's live on eypd and works as expected, though I blew away your unsetting of empty locations https://github.com/BCcampus/eypd/blob/homepage/eypd-actions.php#L53

If you could you please re-instate the unsetting of locations that have no events attached to them, and push to 'cluster' branch, then I can close this ticket.

[bdolor]

resolved via 1edc5ba