Cluster nearby locations on the location search map view

[joshi1983]

We ultimately want to show 100's or 1000's of locations on a map in an elegant way. The current technique has a problem where markers overlap each other.

Marker clustering solves this overlapping problem in a great way. Here is a screenshot of how AccessNow.me(http://accessnow.me/map/ ) uses it:

Add marker clusters to the location search map using this library: https://developers.google.com/maps/documentation/javascript/marker-clustering

This issue will require setting up Google Maps in your local development environment. This will require setting up billing linked to a credit card and adding your Google Maps api keys to the .env file.

[stephanosm]

I like this idea!

[joshi1983]

This was merged and deployed to https://app.accesslocator.com. What do you think of it, Stephanos?

Here is a screenshot:

[stephanosm]

what do the different colors mean? blue/yellow?

[joshi1983]

The different colours correspond with different numbers.

blue for less than 10 orange for between 10 and 100 red for 100 or more

Should the clusters be all the same colour regardless of size? I guess it could be confused with the average accessibility of the red ones being bad.

It is pretty clear that our individual markers should visualize the accessibility level.

On Mon, Dec 17, 2018 at 9:43 PM stephanosm notifications@github.com wrote:

what do the different colors mean? blue/yellow?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/hhaccessibility/hhaccessibility.github.io/issues/721#issuecomment-448076475, or mute the thread https://github.com/notifications/unsubscribe-auth/ALSi7_kAteDpFDb42gHN5bCK_6duY_mEks5u6FZKgaJpZM4ZLLtd .

-- Josh Greig

[stephanosm]

I think they should be one color. It is pretty confusing as what they mean. There is a number anyway that shows how many are in each cluster

On Tue, Dec 18, 2018 at 6:23 AM Josh Greig notifications@github.com wrote:

The different colours correspond with different numbers.

blue for less than 10 orange for between 10 and 100 red for 100 or more

Should the clusters be all the same colour regardless of size? I guess it could be confused with the average accessibility of the red ones being bad.

It is pretty clear that our individual markers should visualize the accessibility level.

On Mon, Dec 17, 2018 at 9:43 PM stephanosm notifications@github.com wrote:

what do the different colors mean? blue/yellow?

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub < https://github.com/hhaccessibility/hhaccessibility.github.io/issues/721#issuecomment-448076475 , or mute the thread < https://github.com/notifications/unsubscribe-auth/ALSi7_kAteDpFDb42gHN5bCK_6duY_mEks5u6FZKgaJpZM4ZLLtd

.

-- Josh Greig

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/hhaccessibility/hhaccessibility.github.io/issues/721#issuecomment-448188303, or mute the thread https://github.com/notifications/unsubscribe-auth/AVjinLYjc7ivsuFEcNeg9wVtKHSu1o_3ks5u6NBEgaJpZM4ZLLtd .

[joshi1983]

Is this much better?

I deployed that change to https://app.accesslocator.com/location/search?location_tag_id=1 in case you want to use it.

[stephanosm]

yeah it is better.

On Wed, Dec 19, 2018 at 9:15 PM Josh Greig notifications@github.com wrote:

Is this much better? [image: image] https://user-images.githubusercontent.com/11838191/50259688-1235a880-03d3-11e9-8506-bd444355df73.png

I deployed that change to https://app.accesslocator.com/location/search?location_tag_id=1 in case you want to use it.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/hhaccessibility/hhaccessibility.github.io/issues/721#issuecomment-448833590, or mute the thread https://github.com/notifications/unsubscribe-auth/AVjinOD7tNhuBR37rHYFcPBz89Q6XB3jks5u6vLBgaJpZM4ZLLtd .

[joshi1983]

I'm closing as this seems good enough for now.