Webpage with Google Map API

Job ID: 37115237

Budget: $10 – $30 USD

Webpage with google maps API. User uploads Json file. Jason files has Start city and End City. When user click Draw Routes, it works as follows:

1- Create Route between Start city and End City. Each Route is different color.
2- Create Marker A at Start City and Marker B at End City
3- Create arrows on Route to show direction
4- Toggle button to Show/hide Markers A
5- Toggle button to Show/hide Markers B
6- When user hover over Route, highlight Route (change line width or strokeWeight)
7- When user click on Route:
A- Highlight selected Route
B- Show Route data below map (see attached picture)
C- Show toggle button to keep highlight On/Off
8- When user hover over Marker, highlight Routes related to Marker
9- When Markers collide, show marker in different color
10- When routes collide (overlap), show overlap section in different color
11- When user hover over overlap section, highlight all routes related to overlap