Photo circles overlap

[justinormont]

The photo circles overlap.

Options:

1. Not show overlapping photos
2. Spread the photos #22 (Put photos on a leash)
3. Shrink some photos

[justinormont]

To help this, I tried to shrink overlapping photos (option 3). It seems to work decently.

There are a some oddities.

• Sometime photos are really close, like: lady bug on the green leaf, horse, & dragon fly photos below. This has another image under in close proximity. This causes the photo to be shrunk and the user generally won't know why as they can't see the other image.
• Some overlap is likely ok
• There are many photo sizes

You can see these example here: http://letsgo.io/?q=Tibet&from=Turkey&wp=39.05099868774414,34.93000030517578,31.67893409729004,88.16521453857422&lp=1

After:

Before:

[justinormont]

Here's another variant which allows for 50% overlap, and only allows two circle sizes, 100% & 50%. It seems a bit better.

After:

[justinormont]

Now, I'm only shrinking photos when the overlap is >5px. Under this distance, the shrinking won't be helpful.

After:

[jthiller]

This looks great Justin!

On Monday, April 15, 2013, justinormont wrote:

Now I'm only shrinking photos when the overlap is >5px. Under this distance, the shrinking won't be helpful.

After: [image: Only shrink when ovelap is over 5px]https://f.cloud.github.com/assets/4080826/379759/a9bc9894-a5ab-11e2-86dc-589b58690131.png

— Reply to this email directly or view it on GitHubhttps://github.com/mohamedmansour/letsgo.io/issues/35#issuecomment-16374235 .

-Joey Hiller 707.456.7374

[justinormont]

BUG: Photo not restoring their full size when zooming in. Will fix.