Migratory Soaring Birds Tool V3

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>Migratory Soaring Birds Tool V3</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://js.arcgis.com/3.28/dijit/themes/tundra/tundra.css"> <link rel="stylesheet" href="https://js.arcgis.com/3.28/esri/css/esri.css"> <link rel="stylesheet" href="css/msb.css" /> <script src="https://js.arcgis.com/3.28/"></script> <script src="js/msb.js"></script> </head> <body> <div id="banner"> <IMG SRC="images/bl_logo.svg" ALT="some text" HEIGHT=90 align="left"/> <IMG SRC="images/UNDP_logo.svg" ALT="some text" HEIGHT=90 align="right" /> <IMG SRC="images/GEF_Brand_1C_White_150.jpg" ALT="some text" HEIGHT=90 align="right" /> <div class="Title">Soaring Bird Sensitivity Mapping Tool</div> <div class="SubTitle">A planning tool for wind energy and other sectors</div> </div> <div class="dropdown"> <button class="dropbtn">Further Information</button> <div class="dropdown-content"> <a href="http://migratorysoaringbirds.undp.birdlife.org/en/sensitivity-map-instructions">Instructions</a></li> <a href="http://migratorysoaringbirds.undp.birdlife.org/en/documents">Guidance</a></li> <a href="http://migratorysoaringbirds.undp.birdlife.org/">Project</a></li> <a href="http://migratorysoaringbirds.undp.birdlife.org/en/flyway">Flyway</a></li> <a href="http://migratorysoaringbirds.undp.birdlife.org/en/sensitivity-map-contact-us">Contact</a></li> <a href="http://migratorysoaringbirds.undp.birdlife.org/en/sensitivity-map-acknowledgments">Acknowledgements</a></li> </div> </div> <div id='container-wrapper'> <div id="mapDiv"></div> <div id="tab-wrap-container"> <h3>Full assessment</h3> <div class="tab-wrap"> <input type="radio" id="tab1" name="tabGroup1" class="tab" checked> <label for="tab1"><span title="click on a species below for related observation location and IBA records">Species</span></label> <input type="radio" id="tab2" name="tabGroup1" class="tab"> <label for="tab2"><span title="click on an IBA below for related species records">IBAs (soaring birds)</span></label> <input type="radio" id="tab3" name="tabGroup1" class="tab"> <label for="tab3"><span title="these IBAs do not have related records">IBAs (other Birds)</span></label> <input type="radio" id="tab4" name="tabGroup1" class="tab"> <label for="tab4"><span title="click on an observation below for related species records">Observations</span></label> <input type="radio" id="tab5" name="tabGroup1" class="tab"> <label for="tab5"><span title="these PAs do not have related records">Protected Areas</span></label> <input type="radio" id="tab6" name="tabGroup1" class="tab"> <label for="tab6"><span title="these satellite tracks do not have any related records">Satellite Tracks</span></label> <div class="tab__content"> <div style="overflow-y:scroll; overflow-x:hidden; height:200px; width:20%; float: left"> <span class="stats" id="speciesExpected" style="padding:5px"></span><br> </div> <div style="overflow-y:scroll; overflow-x:hidden; height:200px; width:40%; float: right"> <span class="stats" id="IBAsSpeciesR" style="padding:2px 2px 0"></span><br> </div> <div style="overflow-y:scroll; overflow-x:hidden; height:200px; width:40%; float: right"> <span class="stats" id="ObsSpeciesR" style="padding:2px 2px 0"></span><br> </div> </div> <div class="tab__content"> <div style="overflow-y:scroll; overflow-x:hidden; height:200px; width:30%; float: left"> <span class="stats" id="IBAsDisplayL" style="padding:5px"></span><br> </div> <div style="overflow-y:scroll; overflow-x:hidden; height:200px; width:70%; float: right"> <div id="SI"></div> <div id="DisIBA"></div> <span class="stats" id="IBAsDisplayR" style="padding:5px 5px 0"></span><br> </div> </div> <div class="tab__content"> <div id="displayNonSensIBAs" style="overflow-y:scroll; overflow-x:hidden; height:200px"> <span class="stats" id="IBAsNonSensDisplay"></span><br> </div> </div> <div class="tab__content"> <div style="overflow-y:scroll; overflow-x:hidden; height:200px; width:30%; float: left"> <span class="stats" id="ObsDisplayL" style="padding:5px"></span><br> </div> <div style="overflow-y:scroll; overflow-x:hidden; height:200px; width:70%; float: right"> <div id="SI_Obs"></div> <span class="stats" id="ObsDisplayR"></span><br> </div> </div> <div class="tab__content"> <div id="displayPAs" style="overflow-y:scroll; overflow-x:hidden; height:200px"> <span class="stats" id="PAsDisplay"></span><br> </div> </div> <div class="tab__content"> <div id="displayTracks" style="overflow-y:scroll; overflow-x:hidden; height:200px"> <span class="stats" id="TracksDisplay"></span><br> </div> </div> </div> </div> <div id="info"> <div>Select a query geometry and then delineate the search area on the map</div> <br> <input type="image" id="Point" alt="Point" src="images/point.png" title="Point"> <input type="image" id="Line" alt="Line" src="images/line.png" title="Line"> <input type="image" id="Polyline" alt="Polyline" src="images/multi_line.png" title="Multi line"> <input type="image" id="Extent" alt="Extent" src="images/rectangle.png" title="Extent"> <input type="image" id="Circle" alt="Circle" src="images/circle.png" title="Circle"> <input type="image" id="Polygon" alt="Polygon" src="images/polygon.png" title="Polygon"> <br> <br> <div>Enter a buffer distance and select metric</div> <br> Distance: <input type="text" id="distance" size="5" value="20" /> <select id="unit" style="width:100px;"> <option value="UNIT_KILOMETER">Kilometers</option> <option value="UNIT_STATUTE_MILE">Miles</option> </select> <br> <br> <div>Enter X coordinate (longitude) in decimal degrees</div> <input type="text" id="xCoord" value=""> <br /> <br> <div>Enter Y coordinate (latitude) in decimal degrees</div> <input type="text" id="yCoord" value=""> <br> <br>  <button class="button" id="btnFindCoordinates">Apply Coordinates</button> <button class="button" onclick="myFunction()">Show/Hide Assessment</button> <button class="button" id="Clear">New Query</button> <br /> </div> <div id="results"> <h3>Summary</h3> <div id="display"> <br> <div id="LocationSens"><strong><span title="Sensitivity score for location">Location Sensitivity: </strong></span><span class="stats" id="SumSensitivity"></span><br></div> <br> <span title="Total number of species observed and total number of species expected in parenthesis">Total Species: </span><span class="totals" id="totalFeaturesSpp"></span><br> <span title="Total number of IBAs supporting soaring bird populations">Total IBAs (soaring birds): </span><span class="totals" id="totalFeaturesIBAs"></span><br> <span title="Total number of IBAs for other birds">Total IBAs (other birds): </span><span class="totals" id="totalFeaturesNonSensIBAs"></span><br> <span title="Total number of observation locations">Total Observations: </span><span class="totals" id="totalFeaturesObs"></span><br> <span title="Total number of protected areas">Total PAs: </span><span class="totals" id="totalFeaturesPAs"></span><br> <span title="Total number of satellite tracks for soaring birds">Total Tracks: </span><span class="totals" id="totalFeaturesTracks"></span><br> <br> </div> </div> <div id="basemapGallery"></div> <div id="layerListPane"> <div id="layerList"></div> </div> <div id="coords"></div> <div id="darkframeLeft"> </div> <div id="darkframeRight"> </div> </div> </body> </html>

CINXE.COM

Migratory Soaring Birds Tool V3