Fill in the function setToTOutputMap() found in static/js/workflow/time_of_travel_page.js (line 348).
Using leaflet (https://leafletjs.com/), add a map to the output which should be displayed along with the graph (above or below). Exact design layout may change. The html elements will need to be generated in JS to work with the existing templates, empty html blocks can also be placed in the templates if needed.
The map should have the stream segment geometries as layers, color coded depending upon the data value of the column selected (4-6) and the date selected (have a corresponding slider for selecting date) . The segments comid should be displayed on hover in the map. If a segment is clicked, details specific to that segment can be shown in an info window (segment length, average values, hours after timeseries start until contamination, etc... ). The stream segment geometries can be retrieved programmatically from: https://watersgeo.epa.gov/arcgis/rest/services/NHDPlus_NP21
Fill in the function setToTOutputMap() found in static/js/workflow/time_of_travel_page.js (line 348).
Using leaflet (https://leafletjs.com/), add a map to the output which should be displayed along with the graph (above or below). Exact design layout may change. The html elements will need to be generated in JS to work with the existing templates, empty html blocks can also be placed in the templates if needed.
The map should have the stream segment geometries as layers, color coded depending upon the data value of the column selected (4-6) and the date selected (have a corresponding slider for selecting date) . The segments comid should be displayed on hover in the map. If a segment is clicked, details specific to that segment can be shown in an info window (segment length, average values, hours after timeseries start until contamination, etc... ). The stream segment geometries can be retrieved programmatically from: https://watersgeo.epa.gov/arcgis/rest/services/NHDPlus_NP21