zvdifo / P5-neighborhoodMap

:mortar_board: A NeighborSchool Map

Home Page:http://zvdifo.github.io/P5-neighborhoodMap/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

A NeighborSchool Map App

This is a little map for searching informations of selected schools in wuhan, a city of China.
I wrote this one-page application using KnockOut js framework. It works on mobile too.
Open http://zvdifo.github.io/P5-neighborhoodMap/ and have fun!

##ScreenShots(On different divices) ####chrome alt tag ####firefox alt tag ####ipad alt tag ####iphone 6 (vertical) alt tag ####iphone 6 (horizon) alt tag ####sumsung Note 3 alt tag

##How I finish it

  • Download the Knockout framework.
  • Write code required to add a full-screen map to page using the Google Maps API.
  • Write code required to add map markers identifying a number of interested locations within the neighborhood.
  • Implement the search bar functionality to search and filter map markers. There should be a filtering function on markers that already show up. Simply providing a search function through a third-party API is not enough.
  • Implement a list view of the identified locations.
  • Add additional functionality using third-party APIs when a map marker, search result, or list view entry is clicked (ex. Yelp reviews, Wikipedia, Flickr images, etc).

About

:mortar_board: A NeighborSchool Map

http://zvdifo.github.io/P5-neighborhoodMap/


Languages

Language:JavaScript 60.2%Language:HTML 26.4%Language:CSS 13.4%