Spiderfied icons are too close together making tapping individual ones difficult

[stevevance]

My use case is on a mobile device that accepts only finger taps. A cluster icon is shown. The user taps the cluster icon and the marker icons then spiderfy. A user taps one of the markers and the popup opens. A user attempts to tap a second marker that was in the same cluster but either pans the map or pops up the first marker because their tap didn't have the best aim (maybe they have fat fingers).

Or, the icons are placed too close together. Their distance from each other isn't based on icon size, which could potentially solve this problem.

Example image:
http://stevevance.net/files/spiderfy_twitter_icons.png

[danzel]

If you take a look at the top of MarkerCluster.Spiderfier.js there are some options related to how far away icons are placed.
We could make these options of the MarkerCluster, would be happy to accept a patch doing so :-)

[stevevance]

I messed with all of those options in leaflet.markercluster-src.js and I didn't see a change in the map.

As for doing a patch, aside from hardcoding the variables, it would take me a long time to find how to make new options and make them available to the spiderfy classes (but my JS experience improves weekly).

[danzel]

Weird, I thought they'd do it.
I'll take a look.

[danzel]

Have added an option to MarkerClusterGroup: spiderfyDistanceMultiplier.
Set it to something bigger than 1 and when we spiderfy the markers will be further apart.
Tell me how it goes :)

[stevevance]

Wow, I can be a doofus sometimes. I was modifying the -src.js file but forgot to change the reference in the HTML file. Anyway, thank you. This option works.

http://stevevance.net/files/spiderfy_twitter_icons_after.png