/neighborhoods

Crowd sourcing neighborhood boundaries, stories, and descriptions. Making pretty maps.

Primary LanguageJavaScript

#neighborhoods

http://bostonography.com/hoods

This is a Boston-flavored version of https://github.com/enam/neighborhoods. It's set up the same way as in the instructions below. Apart from some hard-coded titles and text for Boston, a key difference between this project and the original is in its drawing tools. This project uses a combination of Leaflet.editable and a messy hacked-up version of Leaflet.FreeDraw.

See more about this particular project at http://bostonography.com/2015/map-your-neighborhood-again/

Please read the original README below, and then note one addition in my implementation: This version stores point locations in a separate table. In CartoDB, duplicate your neighborhoods table and give it the same name but with a _point extension.

slightly modified original README from https://github.com/enam/neighborhoods below

Crowd sourcing neighborhood boundaries, stories, and descriptions. Making pretty maps.

This project is designed to collect boundaries and descriptions of neighborhoods and the like, and immediatley make them available for cartographic presentation and exploration.

###Steps to Configure

  1. Create a CartoDB account. -add a table. ~~ easiest ~~ One way would be to dowload the shapefile from the Live Site, add it to your cartoDB account, and empty it. That way you would get the field names and data types rolled right over. However a couple items need updating. The "description" field gets imported as "descriptio" with no "n". Needs updating in the cartodb table. Also, the "flag" field needs data type changed back to boolean. Not really sure why it doesn't import correctly...but there it is.

  2. Change the configuration settings in the top bit of hoodscript.js.

  3. Update the API key and such in cartodbProxy.php. AND move this file somewhere above your web root.

  4. Update the include path in add.php, flag.php, and heart.php for wherever you put cartodbProxy.php on your server.

  5. Change googleanalytics.js to use your analytics code if you want, or remove the script that includes it from line 215 of index.html.

  6. Grab a beer. Don't know if you have a brewery nearby? Check here :)

###Thanks! ###These are the things in the toolbox.

  1. CartoDB
  2. Leaflet
  3. Bootstrap
  4. Leaflet Draw!
  5. Slim Scroll
  6. Whole project was inspired by Bostonography.

###author

  • Nick Martinelli Please contact me if you do make use, or improve the code, because there is a lot that could use improving, and I would love any tips! I'd also really enjoy seeing what people do.