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

Markers spread

Image2: same markers at a higher zoom level: not spread anymore as the icons don't overlap anymore:

enter image description here

  • Do you absolutely have to use OpenLayers? Leaflet has a very nice Marker Cluster package, – Ralph Dell Sep 22 '15 at 12:29
  • yes it has to be OpenLayers what I already regret as obviously no one of the developers has a clue how to realize such a functionality – Berlinmapper Sep 29 '15 at 7:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.