Implement Map visualization of the journalists worldwide

[acorbi]

Using mapbox/openstreepmaps/leaflet or any other js mapping framework, an interactive map could be presented for the user to browse through the list of journalists geografically.

Map view (which should be optimally fullscreen) and Filter view (current) could be switched using a toggle button

[smkraus]

+1 brilliant idea, not sure what's the easiest solution here, play around with d3? what @vied12 has built here might be an inspiration jplusplus/jpp-birthday-2013

[acorbi]

Yeah, currently i am thinking about the possibilities, main challenge would be to geocode the "country, city" in order to georeference the pins on the map. Any suggestions with this? You know any service without API limitations?

[smkraus]

while cosmin is still adding data by hand, we can probably just use something like batch geocoding.

For something more systematic: I think Mapquest doesn't have any API limitations (as opposed to Google).

[rotsee]

If you make the API call from the client,there is virtually no limit on the Google API (we just used on as site with 300 000+ visits in 12 hours, with no problems). Also very tolerant for spelling errors, etc.

[smkraus]

excellent, thanks @rotsee

[acorbi]

Implemented on commit #e68441d8494a901ac9f4b070bf2693e643de16c0. I am not 100% happy with the layout. By the moment there is a button to switch between mapview and gridview. It would be nice to have both views been shown at the same time.

Another issue concerning UI are the popups (appear when clicking on a marker), they are currently quite long and it would be nice to have the details to the right of the picture. Can anybody do this? The relevant function to edit would be: pinky.js/_renderArticlePopupHtml()

BTW: I used Mapquest geocoding service, they do not have any limits as google has. And also this leaflet plugin for the clustering of the POIs: https://github.com/Leaflet/Leaflet.markercluster