iOS Do You Have Any Better Design Options

[oo7ml]

Hi,

I'm building a very small app that allows my users to post content to a map.

The home screen of the app contains a map with all of the posts (as seen below).

PROBLEMS

01 - if a user posts a post from the same area, two pins will be on top of each other so you won't be able to access one of them

02 - if a lot of content is posted it will be hard to click on each pin

03 - when you zoom all the way out, there will be too many pins


Can anyone recommend trying anything else please?

 

[*SteveB*]

Possible better solution (roughly the way iPhoto on the mac works):

If two pins are too close to each other, then they will represented by one pin. If there are a cluster of pins in close proximity to each other, then many pins could be represented by a single pin.

This pin could have slightly different styling to show that it is a 'group' pin.

As the user zooms in or out, pins may separate or converge based on the distance apart (screen distance, not map coordinate), so one option for the user would be to zoom in until a group separates to be able to select the exact pin they want.

When tapping a pin, either a popup could show all of the pins that it represents for the user to select, or the map could just zoom in to a level where all of its pins are easily selectable.

 

[oo7ml]

Yeah perfect, that's the route i am going to go, thanks.

 

[waterskier2007]

There was a clustering library that I used in an app of mine, but I honestly can't find that exact one right now (and I'm not on my computer with that project). Here is another library that was turned up through a quick search. It may help.

https://www.cocoacontrols.com/controls/revmapcluster

edit: here is the one I used. I remember it having some issues where the numbers reported for each cluster were sometimes incorrect, but it may have been improved

https://www.infinum.co/the-capsized...en-source-algorithm-for-poi-clustering-on-ios

 

[oo7ml]

Excellent, thank you.