search

jplusplus / global-directory

Global Data Journalists Directory
10 stars 3 forks source link

Implement Map visualization of the journalists worldwide #3

Open acorbi opened 10 years ago

acorbi commented 10 years ago

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 commented 10 years ago

+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 commented 10 years ago

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 commented 10 years ago

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 commented 10 years ago

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 commented 10 years ago

excellent, thanks @rotsee

acorbi commented 10 years ago

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