add a google maps to display the api result on the left, with list on the right
Budget: $10 – $30 USD
This project is posted on freelancer.com, please check the File attachments tab for details to find an attached zip file containing a ReactJS app and a PNG image containing a screenshot.
Please run the attached code and you should get an JSON output similar to the attached screenshot.
YOUR JOB for this project is to modify the given ReactJS code, to take the JSON and format it so that it displays a Google Maps map with a pin for the location of each item in the json, linked to a result list on the right side of the screen: Map on the left, and results list on the right.
If you are not sure what I mean by "Map on the left, list on the right", please check some well known websites like zillow.com, redfin.com, compass.com, realtor.com, etc, and you will see the exact same thing (map on the left with pins, and results list on the right with photos).
I will repeat: Map on the left with pins, and results list on the right with photos. This is the main requirement which is not negotiable.
Map on the left, list on the right.
Please attach a screenshot when you upload the code so that I can check more easily.
Map on the left, list on the right.
Thank you.
Please run the attached code and you should get an JSON output similar to the attached screenshot.
YOUR JOB for this project is to modify the given ReactJS code, to take the JSON and format it so that it displays a Google Maps map with a pin for the location of each item in the json, linked to a result list on the right side of the screen: Map on the left, and results list on the right.
If you are not sure what I mean by "Map on the left, list on the right", please check some well known websites like zillow.com, redfin.com, compass.com, realtor.com, etc, and you will see the exact same thing (map on the left with pins, and results list on the right with photos).
I will repeat: Map on the left with pins, and results list on the right with photos. This is the main requirement which is not negotiable.
Map on the left, list on the right.
Please attach a screenshot when you upload the code so that I can check more easily.
Map on the left, list on the right.
Thank you.