Build Interactive Google Map

Using google maps, we need to create a page where the user can find their address, and measure their driveway. The user will draw lines on the google map, and it will tell the user the measurements of the lines. We will then put this information, as well as a screenshot of their current map view into a form. I have a visual example that I can send to you when requested. Note: the yellow circle following cursor in the visual is not to be included. This is done using polylines in google maps platform. 1- Once the user clicks the first point on the map, the line appears. Then the user clicks the second point, and the line gets solid, with current total measurement shown at left. 2- When users makes next line, the user clicks the first point, the line appears. Then the user clicks the second point, and the line gets solid, with current total measurement shown at left. and so on. There is no line limit. 3- We do not need the dotted line to be visible during the creation of the line, it can be a light blue. Our finished line colors will be BLUE. not yellow as shown in the visual. 4- User can undo a line using the "undo button" There should also be a "start over/clear" button 5- During line generation, please show the "LFT" not in the center of the line, but where the mouse is. After the line is made and turns solid color, please label the line with "1", "2", etc as shown in image 2. 6- The "LFT" that you see here when making a line should read as "FT", not LFT. The Measurement is USA FEET. 7- The user can then add a "break" on a line. We do not need it to pop up like in the visual. The breaks are just saved in the image and the total are noted in the form. 8- All of this data will generate into a form. The form will be: <input name=address value="address user searched to"> <input name=totalines value="(total lines made)" > <input name=line1 value="length of line 1" > <input name=line2 value="length of line 2" > <input name=totalfeet value="total length all lines" > <input name=totalbreaks value="(total breaks made)" > We will also save the users current view as an image, to submit the image data url in the form as well. This way, on our next page (which you are not making) we will have the data needed to continue, which will be the amount of lines, the length of each line, and the image of the lines that the user created in the map. Other notes: 9- must work on all devices 10- google map should be able to zoom in using mouse wheel and fingers without showing "use ctrl" as shown in image 3 11- map should be draggable by mouse or finger 12- we have a page that was being made "starting" this project that we will give.