Implement Map visualization of the journalists worldwide #3
Comments
|
+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 |
|
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? |
|
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). |
|
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. |
|
excellent, thanks @rotsee |
As described in issue #3, the leaflet mapping library has been imported in the project in order to represent on a world-map, the position of the results of a certain filter/search action. For that, following steps have been done: - leaflet-0.7.3 library included - MarkerCluster leaflet plugin included. - Button added in top bar to switch from/to map/grid view. - mapview.js has been created to host the code related to the map. - in pinky.js, an initMap function has been added. Also, the code snippet where the card UI elements of each article on the grid has been encapsulated and named as _renderArticleCardHtml for reuse. Another, and similar function, called _renderArticlePopupHtml has been created to return the HTML content of the popups in the map. At the end of the renderTags method, the function codeAddressFromArticle will be called in order to geocode each of the results of the filter. The service used for this was: http://www.mapquestapi.com/geocoding/
|
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 |
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
The text was updated successfully, but these errors were encountered: