Google Maps API based website [Single Page] (phase 1, proof of concept)

Creating a website to view "where news happens". I have identified locations in news stories from local news outlets, now I need to lay them out on a map. This phase contains locations in New Orleans, Louisiana, USA only. For this phase, I need a simple single page website. I have a database with links to local news articles, headlines, the time they were published and latitude/longitude locations for them. I want to show them on a map, with a list of headlines below the map. Clicking on a pin on the map will open a small window with the headline, published date, and link to article. Clicking on a headline will follow link to original article (link is in the database). Would like the user to be able to select timeframe (week, month, year, everything) that will restrict which stories are pulled from the database and displayed on the webpage. Would like the page to pull articles from the database that fall within the view-able area of the map only (some extra is OK, but don't pull ALL articles from database, that would be lazy) When the user moves the map, the page must retrieve the set of articles that fall inside the view-able map. Curvature of the earth will not be a factor here, that level of precision is not required. All the info needed is in Google Maps API getBounds() and getCenter(). Just pull from the database where latitude between <highest lat in getBounds> AND <lowest lat in getBounds> etc. Extra points if the articles are listed in order of closest to center of map to furthest from center of map, but that is unimportant at this phase. When project is awarded, I will supply MySQLDump of database to be used for development. This site will be hosted on my own server, which is the same server as the MySQL database.