I would like to implement a MarkerCluster-Animation in OpenLayers2 but could need some advice where to start. If you have a look at this (OpenLayers2-)webpage:
you can get an idea what I want to do.
If two markers are lying too close to each other and you do a mouseover they will be moved away from their "real" position and a line is drawn to still show where this marker has its "real" position. So it's more or less something like the MarkerClusterPlugin of Leaflet.
The sourcecode of this webpage is pretty complicated as it uses backbone views so i find it hard to find the important parts and implement this animation in an app that doesn't use backbone.js
Can anybody give me some advices where to start?
Image1: markers spread as they lie too close to each other
Image2: same markers at a higher zoom level: not spread anymore as the icons don't overlap anymore: