CINXE.COM
HRSC webGIS @ FU-Berlin Planetary Sciences
<!doctype html> <html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="chrome=1"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <link rel="icon" href="favicon.png" type="image/png"> <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" type="text/css"> <!--[if !IE]>--> <link rel="stylesheet" href="node_modules/openlayers/css/ol.css" type="text/css"> <link rel="stylesheet" href="node_modules/bootstrap-slider/dist/css/bootstrap-slider.min.css" type="text/css"> <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="src/ol3-layerswitcher.css"> <link rel="stylesheet" href="src/ol3-popup.css"> <link rel="stylesheet" href="src/ol3-loadingpanel.css"> <link rel="stylesheet" href="src/main.css" type="text/css"> <!-- <![endif]--> <title>HRSC webGIS @ FU-Berlin Planetary Sciences</title> </head> <body> <!--[if !IE]>--> <div id="map"> <!--<div id="heightLegend" class="ol-control legend"> <img class="legend-image" src="src/legend_image.png"/> </div>--> <div class="ol-mouse-position-text">Mouse pos. (Lon, Lat):</div> <div class="ol-workflow-text">Toolbar:</div> <!-- Layer Info Modal --> <div class="modal fade" id="layerInfoModal" tabindex="-1" role="dialog" aria-labelledby="layerInfoModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h3 class="modal-title" id="layerInfoTitle">Layer</h3> </div> <div class="modal-body" id="layerInfoBody"> <p></p> </div> </div> </div> </div> </div> <script src='src/proj4-src.js'></script> <script src='node_modules/jquery/dist/jquery.min.js'></script> <script src='node_modules/bootstrap/js/modal.js'></script> <script src='node_modules/bootstrap-slider/dist/bootstrap-slider.js'></script> <script src="app.js" type="text/javascript"></script> <!-- <![endif]--> <!--[if lte IE 9]> <div class="modal" id="layerInfoModal" tabindex="-1" role="dialog" aria-labelledby="layerInfoModalLabel" style="display: block;"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <p class="browsehappy">We suggest to use Chromium for the best mapping experience.</p> </div> <div class="modal-body" id="layerInfoBody"> <p></p> </div> </div> </div> </div> <![endif]--> <!--<div id='timeline-embed' style="width: 100%; height: 600px"></div>--> </body> </html>