codeforkansascity / civic-project-mapping

Connecting citizens and organizers.
http://codeforkansascity.github.io/civic-project-mapping
Other
4 stars 10 forks source link

Print a area with a list of projects within the boundary #62

Open zmon opened 9 years ago

zmon commented 9 years ago

Creating a printable map of a given area (defined by zipcode, keyword, within “X” miles, or council district? Not sure how to best define the boundary) that a neighborhood leader can print out and pass along to neighbors. It may not include all information, but it should clearly list the projects, locations, and contact information.

zmon commented 9 years ago

@rlh-aagis please comment on what is needed for us to do this.

rlhjocogov commented 9 years ago

My initial thoughts are to load the project data into a free account on CartoDb, which would provide a way to run queries on this data. If desired, a Leaflet interface (or the similar CartoDB Maps API) could be used to enable the user to define the boundary they wish to search, either by providing a zipcode, council district, or we could geolocate the users location and have them provide "X" distance. References: Map your excel data and sync it from your Dropbox: http://docs.cartodb.com/tutorials/excel_data_sync.html Counting Points within a polygon: http://docs.cartodb.com/tutorials/counting_points.html Query by Distance: http://docs.cartodb.com/tutorials/query_by_distance.html Read AND write to CartoDB with the Leaflet.draw plugin: http://blog.cartodb.com/read-and-write-to-cartodb-with-the-leaflet-draw-plugin/

It seems like the final output could be a map with a list of projects, or just the project list itself. I know that CartoDb allows you to export data in XLS format, yet ideally we would want a PDF output that could easily be printed. Maybe we could dump the results into a data table, yet would need to research how to format map and results into a printable report.

Am I heading in the wrong direction, or is this along the lines of what you were thinking?

tangospring commented 9 years ago

The interaction design we came up at the hackathon:

  1. (optional) filter projects by category,
  2. zoom on the specific area of the map,
  3. press print projects button on the map

The output is the printed map with the pins, and list of projects underneath of the map. Project description in the list includes category, title, contact and location info, team size, brief description, upcoming events.