Google MAP API, HTML5, PHP Search and Direction

Google Map Search and Directions Compatibility: HTML5, jquery, javascript, Google maps API, PhoneGap, PHP Description: Modify existing HTML5 Google map page (see attached [login to view URL]) to add Google Search nearby Places and Directions. General Requirements 1. Web page delivered as PHP5 page(s). 2. Use existing map ([login to view URL]) as template for map default behavior and style. Refer to images for desired interface. Please make any suggestions for improvements where you see fit based on good UI practice. 3. Code must be modular so functions are easily extended/ modified 4. Map utilizes HTTP posts/ requests & JSON/ XML to get data. 5. Page(s) must be responsive: search results, map, and driving directions must display in mobile friendly and desktop browser format. If a single UI works for both then great. See attached file for desktop browser UI to follow. 6. Economize number of calls to API calls to minimize API usage / maximize app performance. Cache API results / screens for instant recall and local processing Required Functionality I. Map Search Bar and Search Add a Search Bar for user input over Google Map (figure 1). Search behavior will follow Google map search functionally, accepting entry of address, latitude & longitude, or text search. 1. If address (street city, zipcode, description of place, etc..) or lat/lon is entered, redraw map centered on user marker placed on lat/lon Google returned. 2. If text search is entered for nearby places, Google Places Search response (Points of Interest -POI) are displayed and mapped. Get POI name, street address, phone number, Google user rating, type of business from Google Places Search Response and put into POI array for current map. 3. ** Call my own REST API which will return JSON array of additional POIs with latitude, longitude, name, address, scores, affiliate URL (if one exists). These records will be included into POI array along with results from Google Search. ** Before displaying and mapping POIs, get additional data for each POI record in array: (i) Get foodscore for each record in POI array where no score exists. Call my own getscore() API to get scores for a POI. I will write a query that provides this data as JSON after POI array is submitted to server. Will need a little coaching on this part to give you what you need here. You can load a sample JSON text file as input and I will replicate that in API. Getscore() API would require POI name, place type, latitude, longitude. Getscore() API will return scores, affiliate name, affiliate URLlink, distance for each POI. Affiliate names, URLlink, and distance may not always be available (empty value or null?). Sample JSON would look something like output below. I can modify output as needed to fit your coding to support required functions: [{"Lat":"37.640301","Lon":"-121.11332","s":"ffood","sn":"Genasci Brothers BBQ","SiS":"1.2","Sir":"0.350","SmS":"4.9","Smr":"3.219","SoS":"3.1","Sor":"0.805","AsS":"1.2","dist":"2.33","URL":"http:/[login to view URL]";}{"Lat":"37.65977","Lon":"-121.11448","s":"ffood","sn":"WhattaBurger","Sis":"0","Sir":"0.10","SmS":"3.2","Smr":".219","SoS":"1.2","Sor":"1.5","AsS":"0.5","dist":"2.45","URL":"http:/[login to view URL]";}] (ii) Get distance for record in POI array if it does not have a distance. Get distance between POI and user location. I think this is available in Google places ? It may be possible be provided in my API for some POI returned. If not, then calculate? (iii) Get affiliate link for each record in POI array that does not have affiliate link. You can get an affiliate link using my own API. Let me know what you need for JSON output here. Ref attached for more detail on above specs!