Fix Google maps API w/multiple markers

I have a Vue project with map component that is nearly complete. It currently displays the location of the person as one type of marker (person marker) and then queries cloud firestore to return location data and then displays a different custom marker (multiple location markers). I need the project modified and the following functionality added: 1. Need infoWindows “on click” for each location marker that will be drawn from cloud firestore data and show location name and description, and, 2. Need labels for each location marker that display the location name on the map before infoWindow clicked. 3. Need to geographically filter location markers displayed on map to those within 100km of the location of the person. Once accepted, your code will be integrated into a larger project. For this reason here are some important conditions that will be required before acceptance: NEW GIT BRANCH: Project source coded loaded to a new branch on the git repo provided NO DATABASE MODIFICATIONS: No changes to content or structure or structure of database or storage will be allowed unless agreed to in advance. MINIMUM CODE: Solution should have the absolute minimum changes to the original project required to provide the desired outcome or functionality. Non-essential add-on's, styling, etc will not be accepted. Milestone payment terms (unless otherwise agreed to prior to project start): 1/3 payment released on visual confirmation of functionality (via loom, hosted web, etc) 1/3 payment released on code submission to new branch on github repo provided 1/3 payment released on final review and acceptance