I want to create a mobile website that is integrated on Google Places API.
It must use:
[login to view URL] Places API
<[login to view URL]>
2. jQuery Mobile (so that the pages appear fine on all Mobile Devices)
[login to view URL]
The idea of the site is to be a 'Store Finder' so that if I type in:
[[login to view URL]][1]
It will display:
**Page1** (see mockup on second page of attachment)
A list of nearest 'mcdonalds' stores nearby listed by distance (should be easy using the Places API)
A 'Search' field?so if I type in 'New York' it will filter the stores just in New York again sorted by distance. With basic store details provided by API. Must be dynamic i.e. AJAX
**Page 2** (when the user clicks one of the stores in the list)
Available Details of that store as per API:
- Store Location plotted on Map (clicking on it enlarges the map)
- Store Details including address and phone
- Directions (see **Page 3**)
- Opening Times (expand panel - should be easy as per jQuery Mobile features)
- All other available 'Categories' of data in expandable panels (i.e. Store Facilities.)
**Page 3** (when the user clicks 'Directions')
Again should be easy using the API. It may also need integration with the Google Maps API, but you should know better than me.