/resilience-map

Primary LanguageJavaScript

Resilency Map Project for National Day of Civic Hacking

Visit the site here: http://resiliency.azurewebsites.net/

Web app for collecting location data using Bing Maps! This is starter code, please fork and go to town!

Development Environment Setup:

  • $ git clone https://github.com/timmyreilly/resilience-map
  • $ cd resilience-map
  • You'll now need a MongoDB to store the map data. Here's instructions for how to do this on Azure's Cosmos DB
  • Take that connection string in put it in a .env file next to app.js:
  • Here's a snippet you can copy:
PORT=8080
MONGO_CONNECTION_STRING=mongodb://sfmta-storage:asdfasdfasdfZ3ZBhhm6sFKaUzaBI8up4XTxV5BJh8sTVt6Mm45cDDqmUzbyr1p2aDzykBuaO97BAg==@sfmta-storage.documents.azure.com:10255/?ssl=true&replicaSet=globaldb
  • You'll also need a BingMapsCredentials.js in your public directory. Like this:
- Here's a snippet: 
//Update this value with your Bing Maps key.
var BingMapsKey = 'AasdfasdfasdfasdfwNFdz2blihxwv8mPZdB5vEJR7epV3tluq67AFF75nFgVGzMH';
  • Now you can run these to start the app and visit localhost:3000 or localhost:8080 depending on your .env
  • $ npm install
  • $ npm start or nodemon app.js or node app.js

Resources for Continued development:

Create push pin add metadata: https://bingmapsv8samples.azurewebsites.net/#Create%20Pushpin%20Add%20Metadata Good samples for continued development: https://bingmapsv8samples.azurewebsites.net/

Also the BingMapsCredentials.js file (place inside of public):

//Update this value with your Bing Maps key.
var BingMapsKey = 'asdfasdfasdftNnk1wNFdz2blihxwv8mPZdB5vEJR7epV3tluq67AFF75nFgVGzMH';

Asset List:

Supplies Staff Food Water Energy/Fuel Medical Open Space Shelter

TO-DOs:

  • Customize asset icons
  • Figure out how to Make Aerial Mode less slow
  • Add delete button to form
  • Figure out the Bing Maps Security situation
  • Implement GeoJSON endpoint