React component to show markers on Google Maps

Please make a React component called `Map` that renders a Google Map with multiple markers on it. It should render something like the attached, except all markers can be the same colour. There is a React package that does this: [login to view URL] (here is an example: [login to view URL],output), or if you know of another you can use that one too. You may need to convert the addresses to lat/long with a Google service: [login to view URL] Requirements: - Display the map in a 500x500 div - I should be able to call it like in the attached screenshot. - Code must be clean and professional. Using React 16 functional components. Hooks are ok. - When hovering over a marker, the `details` should appear in a tooltip. - All of the markers should be visible without needing to scroll and be zoomed in as much as possible for them all to fit (I think Google does this automatically).