---
layout: default-map-2
title: Nissen Reservoir Drainage Improvements
version: v0.34.0
script: Nissen-Reservoir.js
extra-css:
 - app_v2.css
 - patternfills.css
---

<!--Begin Main Menu -->
<ul id="slide-out" class="side-nav fixed">
  <a href="#" class="brand-logo center hide-on-med-and-up" >{{ page.title }}</a>
  <li class="no-padding">
    <ul class="collapsible" data-collapsible="expandable">


     <!--Base Map Menu -->
   	 <li>
        <a class="collapsible-header white">Basemap<i class="material-icons">map</i></a>
        <div class="collapsible-body grey-text text-darken-2" >
          <form id="menu">
            <p class="narrow">
              <input name="group1" type="radio" id="test1" value='cixrrcbd1000r2ro6dj7z1fot' checked/>
              <label for="test1">Satellite Streets</label>
            </p>
            <p class="narrow">
              <input name="group1" type="radio" id="test2" value="civjrd2la004z2immqynhr4fd">
              <label for="test2">Light</label>
            </p>
          </form>
        </div>
      </li>
     

      <!-- Layer Menu-->
      <li>
        <a class="collapsible-header white">Layers<i class="material-icons">layers</i></a>
        <div class="collapsible-body grey-text text-darken-2">
        
        <ul class="collapsible" data-collapsible="expandable">    

        <!-- Base Layer Sub-menu-->
        <li>
         <a class="collapsible-header grey-text">Base Layers<i class="material-icons grey-text">keyboard_arrow_down</i></a>
         <div class="collapsible-body grey lighten-4 grey-text text-darken-2">
         
            <!-- Check-box to toggle layer-->

            <!--Boundary-->
            <p>
              <input name="BoundaryMenu" type="checkbox" id="BoundaryMenu" class="layer-on" onclick="toggleTwo('BOUNDARY_LINE', 'BOUNDARY')" checked/>
              <label for="BoundaryMenu" class="valign">Boundary</label>
            </p>

            <!--Contour-->
            <p>
              <input name="ContourMenu" type="checkbox" id="ContourMenu" class="layer-on" onclick="toggleThree('majorContour', 'minorContour', 'contourLabels')" checked/>
              <label for="ContourMenu" class="valign">Contours</label>
            </p>

            <!--Parcel-->	
            <p>
              <input name="ParcelMenu" type="checkbox" id="ParcelMenu" class="layer-on" onclick="toggleThree('PROP_LINES', 'MAPLABELS_POINT', 'MAPLABELS_LINE')" checked/>
              <label for="ParcelMenu" class="valign">Parcels</label>
            </p>

            <!--Existing Utilitiy-->
            <p>
              <input name="UtilityMenu" type="checkbox" id="UtilityMenu" class="layer-on" onclick="toggleFive('SAN', 'SAN_LABELS', 'SAN_NODES', 'WTR', 'WTR_LABELS')" checked/>
              <label for="UtilityMenu" class="valign">Existing Utilities</label>
            </p>
           </div>    
           </li>
 
         <!-- Project Items Sub-menu-->
        <li>
         <a class="collapsible-header grey-text">Improvements<i class="material-icons grey-text">keyboard_arrow_down</i></a>
         <div class="collapsible-body grey lighten-4 grey-text text-darken-2">
         
            <!-- Check-box to toggle layer-->
            <!--LAYER 1-->
            <p>
              <input name="Pro2Menu" type="checkbox" id="Pro2Menu" class="layer-off" onclick="toggleFive('ALT2', 'ALT2GRADING', 'PROPPOND', 'ALT2PATHWAY','ALT2_CHANNEL')"/>
              <label for="Pro2Menu" class="valign">Alternative 1</label>
            </p>

            <!--LAYER 2-->
            <p>
              <input name="Pro1Menu" type="checkbox" id="Pro1Menu" class="layer-off" onclick="toggleFive('ALT1', 'ALT1_CHANNEL', 'ALT1PATHWAY', 'ALT1GRADING', 'EXISTINGPOND')" />
              <label for="Pro1Menu" class="valign">Alternative 2</label>
            </p>
            

            <!--LAYER 3-->
            <p>
              <input name="Pro3Menu" type="checkbox" id="Pro3Menu" class="layer-off" onclick="toggleTwo('EASEMENTS', 'EASEMENTS_OUTLINE')" />
              <label for="Pro3Menu" class="valign">Easement</label>
          
          	<p class="note" > Alternative 1 and 2 </p>
           </p>

             <!--LAYER 4-->
            <p>
              <input name="Pro4Menu" type="checkbox" id="Pro4Menu" class="layer-off" onclick="toggleLayer('CULVERTS')"/>
              <label for="Pro4Menu" class="valign">Culverts</label>

           <p class="note" > Alternative 1 and 2 </p>
           </p>
            </p>          
          </div>   
         </li>



          <!-- Floodplain Sub-menu-->
          <li>
          <a class="collapsible-header grey-text">Flood Hazards<i class="material-icons grey-text">keyboard_arrow_down</i></a>
          <div class="collapsible-body grey lighten-4 grey-text text-darken-2">
         
            <!--Profile Baseline-->
            <p>
              <input name="streamMenu" type="checkbox" id="streamMenu" class="layer-on" onclick="toggleLayer('STREAMS')" checked/>
              <label for="streamMenu" class="valign">Channel Centerline</label>
            </p>

            <!--Floodway-->
            <p>
              <input name="fwMenu" type="checkbox" id="fwMenu" class="layer-on" onclick="toggleLayer('FLOODWAY')" checked/>
              <label for="fwMenu" class="valign">Floodway</label>
            </p>

            <!--100-Yr -->
            <p>
              <input name="100Menu" type="checkbox" id="100Menu" class="layer-on" onclick="toggleLayer('100_YR')" checked/>
              <label for="100Menu" class="valign">100-Yr Floodplain</label>
            </p>

            <!--500-Yr-->
            <p>
              <input name="500Menu" type="checkbox" id="500Menu" class="layer-on" onclick="toggleLayer('500_YR')" checked/>
              <label for="500Menu" class="valign">500-Yr Floodplain</label>
            </p>
          </div>
         </li>
        
                  <div class="mdl-grid">
    <a id="clear" class="waves-effect waves-light btn">Clear All Layers</a>
    </div>
      


        </ul>
       </div>   
      </li>
  <!--end layer menu items -->



      <!--legend-->
      <li>
        <a class="collapsible-header white">Legend<i class="material-icons">more_vert</i></a>
        <div class="collapsible-body">
          <ul class="collection with-header grey-text text-darken-2">
            
            <!--Base layer legend-->
            <li class="collection-header grey-text"><em>Base Layers</em></li>
              
              <!--Boundary--> 
              <li class="collection-item"><div>Boundary<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="2.5" stroke="#161616" /></svg></a></div></li>

              <!--Contour--> 
              <li class="collection-item"><div>Contours<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="1.2"  stroke="#545454" /></svg></a></div></li>

              <!--Parcels--> 
              <li class="collection-item"><div>Parcels<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="2.5" stroke="#F0F0F0" /></svg></a></div></li>

              <!--Existing SAN--> 
              <li class="collection-item"><div>Sanitary Sewer and Manhole<a href="#!" class="secondary-content"><img src="san-line-node.svg" style="height: 21px;"></a></div></li>
            
             <!--Existing WTR DOMESTIC--> 
              <li class="collection-item"><div>Domestic Water Line<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="2.5" stroke="#0007BF" /></svg></a></div></li>  

               <!--Existing WTR REUSE--> 
              <li class="collection-item"><div>Reuse Water Line<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="2.5" stroke="#7A0050" stroke-opacity = "0.8"/></svg></a></div></li>
              


            <!--Project Items legend-->
            <li class="collection-header grey-text"><em>Proposal Items</em></li>
              
              <!--Alternative Channels--> 
              <li class="collection-item"><div>Channel<a href="#!" class="secondary-content"><svg height="21" width="21"><rect x="0" y="0" width="21" height="21" rx="4" ry='4' fill="#003605" /></svg></a></div></li>
             
              <!--Alternative Banking-->
              <li class="collection-item"><div>Channel Banks<a href="#!" class="secondary-content"><svg height="21" width="21"><rect x="0" y="0" width="21" height="21" rx="4" ry='4' fill="#00B00B" fill-opacity= ".65" /></svg></a></div></li>

              <!--Alternative Grading--> 
              <li class="collection-item"><div>Pathway<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="2.5" stroke="#545454" line-opacity= "0.8" /></svg></a></div></li>
                          
              <!--Alternative Grading--> 
              <li class="collection-item"><div>Grading<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="1.2" stroke="#FFED00" /></svg></a></div></li>

			        <!--Alternative 2 Pond-->
              <li class="collection-item"><div>Existing/Proposed Pond<a href="#!" class="secondary-content"><svg height="21" width="21"><g>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-52" x2="95" y2="76"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-48" x2="95" y2="80"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-44" x2="95" y2="84"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-40" x2="95" y2="88"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-36" x2="95" y2="92"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-32" x2="95" y2="96"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-28" x2="95" y2="100"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-24" x2="95" y2="104"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-20" x2="95" y2="108"/>
                  <line fill="none" stroke="#00BCD4" stroke-width="0.9" stroke-miterlimit="10" x1="-33" y1="-16" x2="95" y2="112"/>
                </g></svg></a></div></li>

              <!--Utilitiy Easement --> 
              <li class="collection-item"><div>Easements<a href="#!" class="secondary-content"><svg height="21" width="21"><rect x="0" y="0" width="21" height="21" rx="4" ry='4' fill="#E61856" fill-opacity= ".4"  /></svg></a></div></li>


              <!--Cultverts --> 
               <li class="collection-item"><div>Culverts<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="5" stroke="#161616" /></svg></a></div></li>
          
          	  


            <!--Floodplain Hazards legend-->
            <li class="collection-header grey-text"><em>Floodplain Layers</em></li>
              
              <!--Stream Centerline--> 
              <li class="collection-item"><div>Stream Centerline<a href="#!" class="secondary-content"><svg height="21" width="21"><line x1="1" y1="10.5" x2="20" y2="10.5" stroke-width="2.5" stroke="#0A2127" /></svg></a></div></li>

              <!--Floodway--> 
              <li class="collection-item"><div>Floodway<a href="#!" class="secondary-content"><svg height="21" width="21"><rect x="0" y="0" width="21" height="21" rx="4" ry='4' fill="#254061" fill-opacity=".8" /></svg></a></div></li>

              <!--100-Yr--> 
              <li class="collection-item"><div>100-Yr Floodplain<a href="#!" class="secondary-content"><svg height="21" width="21"><rect x="0" y="0" width="21" height="21" rx="4" ry='4' fill="#7ca4b3" fill-opacity=".8" /></svg></a></div></li>

              <!--500-Yr --> 
              <li class="collection-item"><div>500-Yr Floodplain<a href="#!" class="secondary-content"><svg height="21" width="21"><rect x="0" y="0" width="21" height="21" rx="4" ry='4' fill="#bad9dd" fill-opacity=".6" /></svg></a></div></li>
            


           </ul>
        </div>
      </li>


    </ul>



  </li>
</ul>