Create Veterans Map page

[rickr]

Design screenshot/assets to be attached here.

[hollomancer]

@mattmacneil, I'd like to consider ways we can integrate the veteran map with our map on Meetup Pro. This would be very cool to integrate onto our front page, as well.

[mattmacneil]

Is there a version of it anywhere on the site right now? Or a longer description of what it requires?

[hollomancer]

Not at this time, but the Meetup Pro map can be viewed at https://www.meetup.com/pro/operationcode/.

[kylemh]

@hollomancer let's use Slack data - does it track location?

Putting this issue with a hacktoberfest label! You may notice the "needs content" label. Feel free to be creative and submit your own implementation. It would be best to get a wireframe of your idea up first, but if you'd like to just hack an attempt, we're all eyes!

[ctruelson]

If we end up doing it the Slack way, a few things:

1. whoever is Slack admin can add a "location" field to profiles. Maybe it can be a lat/long field?
2. whoever's building it would need to create a Slack app and get a token to access the data.
3. There should be a generator via the backend that spits out an array of locations that we can feed to a map API. It shouldn't hit up slack on every request.

[kylemh]

I believe Slack already provides location data intrinsically. David Thureson has shown me visualizations accurately depicting locations of many members.

[apex-omontgomery]

I'd like to work on the map component for this. Please assign this to me.

[apex-omontgomery]

What I'm leaning towards is using something similar to this, the backend database stores events along with user location. I'm thinking two types of markers for events, and locations. Where you can click tabs to deselect one or both, which information of the event shown.

There's a google maps react component that we can use, but when I installed it it mentioned that react 16 was required. I can look into react 15 applications since we currently use 15?

I'm trying to decide between making this a route /locations or adding to the /about page.

I'm going to try and get the map working without using google maps and just have static content since this will require @OperationCode/back-end work also that I'm willing to perform.

[apex-omontgomery]

Here's a simple local implementation of a google maps, react component with a few markers.

To Do list:

• Make distinct markers for member and event
• On hover event markers show marker info
• Filter by marker type
• Work on styling a bunch

What I need:
User location data (preferably lat lon)
Meetup/ event data (lat long, event name, any other details you want)

I've checked with slack, but you cannot get user locatoin from api. But we have this data in the backend, just need to expose it. Even giving me static data so I can format it to prototype would be helpful.

[dmarchante]

Reference: Issue #883 and #214