Google Map API

[chen0gao]

https://developers.google.com/maps/documentation/javascript/examples/directions-travel-modes

• [x] plot multiple point with paths on map
• [x] multiple sources to multiple desc

  // locations will be stored in "locations" variable
  const [locations, setLocations] = useState([]);
  //locations is a 2D array that have path info for different routes
  //ex: locations = [["New York", "California"], ["New York", "Chicago"]]
  // locations[0] will create routes "New York" => "California"
  // locations[1] will create routes "New York" => "Chicago"

• [x] get path details, and return as a list

  // app.js
  // add css to this dom element
  <div id="sidebar"></div>

• [ ] switch travel mode
• [x] get location clicked detail and store it in a clicker variable

  // location clicked detail will be stored in clicker variable
  const [clicker, setClicker] = useState(0);

• [x] Search nearby restaurant

  const [nearByFood, setNearByFood] = useState([]);
  const [nearByPark, setNearByPark] = useState([]);