chrisb55/neighborhood-map-app

Capitol Hill Neighborhood Map. The application leverages Google Maps' API and WIkipedia's API to provide users with detailed information about the map's suggested tourist destinations before they make a decision to visit them. Utilizes using Knockout JS and Bootstrap. Fully Responsive.

Map of Fun Places To Visit in and nearby Capitol Hill, Washington DC.

Intro

This map provides visitors to Washington D.C a list of lesser known tourists locations if they're interested in going off the beated path. It features a Google Map roughly displaying Capitol Hill and a few spots not too far from Capitol Hill. It also allows users to look up wikipedia information about the locations so they can research locations before making a decision.

You can view and use the map at the below address. https://chrisb55.github.io/Neighborhood-Map-App/

Citations

Responsive design and styling

Template starting point http://www.w3schools.com/bootstrap/bootstrap_templates.asp http://webomnizz.com/how-to-make-responsive-google-map-with-google-map-api/ http://stackoverflow.com/questions/19254411/how-do-i-set-vertical-space-between-list-items

KnockOut

Filtering search bar https://discussions.udacity.com/t/my-text-input-filtered-list-is-not-updating-my-marker-and-my-title-binding-any-suggestion-on-how-to-fix-it/190851/12 http://www.knockmeout.net/2011/04/utility-functions-in-knockoutjs.html https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

Used for list, array, filter. http://knockoutjs.com/documentation/computedObservables.html http://knockoutjs.com/documentation/observables.html http://knockoutjs.com/documentation/observableArrays.html

Mentor suggestions on search list creation and filtering. (Sarah M and Karol)

Wikipedia

Udacity AJAX course. https://discussions.udacity.com/t/wikipedia-api-in-project/190467 https://discussions.udacity.com/t/wikimedia-api-wikipedia-problem/21176/23 (Second conversation that started later) Mentor suggestions on refactoring broken API call. (Karol)

Google Maps Api

Udacity Google Api course segments 1-7 for initial map build. Udacity AJAX course. https://discussions.udacity.com/t/error-markers-disappearing-on-search/192942/2 http://stackoverflow.com/questions/7339200/bounce-a-pin-in-google-maps-once https://discussions.udacity.com/t/how-should-i-toggle-the-animation-for-clicked-markers-on-and-off/182954/3 https://discussions.udacity.com/t/marker-color-switch/190438/2