Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Have a map that shows reviews of parks. Currently one marker is associated with each review. Clicking the marker opens a pop-up with review text.

Some members have multiple reviews at one park, so there are 2 or more icons stacked on top of one another.

My initial thought is to try and offset the markers by a slight distance, so readers would see the multiple reviews. There would typically only be 2-3 per park, but possibly a dozen or more.

Am I going down the right path here, or should I consider redesigning the UI to show only one marker per park, and then handle the multiple reviews on the pop-up? Either method could get "cluttery". Not sure the best approach.

share|improve this question
add comment

1 Answer

up vote 6 down vote accepted

A common solution is to "cluster" adjacent markers into one large marker that breaks apart at lower zoom levels.

https://developers.google.com/maps/articles/toomanymarkers

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/reference.html

http://code.google.com/p/clustermap/

enter image description here

share|improve this answer
1  
I saw this technique here: a32.me/2012/09/… -- the remaining problem is when there are 12 reviews on one pinpoint. –  a coder Jan 30 '13 at 2:23
1  
Ah, I understand... yeah, I think using one marker per park makes the most sense :) This Dribbble shot might be useful inspiration: dribbble.com/shots/687936-Map-Data-Visualisation –  Sam Pierce Lolla Jan 30 '13 at 2:29
1  
I like a cluster map. I saw a cluster in a iPhone and a Facebook map displaying locations of photos, so they may be good examples for you. –  Lookchin Jan 30 '13 at 5:36
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.