Google maps

  • Status Closed
  • Budget $30 - $250 USD
  • Total Bids 19

Project Description

I need a webpage which will have two parts. Left side has a 300px side bar, and right whole side is a google map of my city area. On left side bar it will have options like "Show Restaurents", "Show Hotels", "Show Malls" etc. On clicking on this, the map should be populated with markers. For examples if user clicks on Show Restaurents, then all city Restaurents (in this demo case just 6 of them) should be marked with an icon on the map. If this restaurent is a featured restaurent, then it should have a slightly different icon(also, maybe a boucing one?). On clicking on "Show Hotels", all previous markers should go away and new markers should now be shown in similar manner. On clicking on the marker, a popup should come up which should look like an extension of the icon, and should have some details like Restaurent address, phone number, name etc.

All this should be done using google maps JavaScript v3 API, jquery, json and HTML/HTML5.

The data that button click will showing the maps should be fetched by json stream that I will provide.

No fancy stuff. Just need a working model for now. I'm a developer myself but really busy at the moment. Need this asap.

Get free quotes for a project like this

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online