WebWorldWind/apps/USGSSlabs.html
Miguel Del Castillo 8343193250
Fix/release candidate fixes (#829)
* Added charset tag and note on 3rd party libraries to HTML files that lacked them

* Commented out a debugging console.log message that returns the GetCapabilities document

* Updated README for v0.10.0 RC. Updated npm packages.

* 0.10.0

* Corrected typo.
2020-08-12 14:47:46 -05:00

54 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!--NOTE: Most Web WorldWind examples use jquery, Bootstrap and requirejs but those technologies are NOT-->
<!--required by Web WorldWind. See SimplestExample.html for an example of using Web WorldWind without them.-->
<meta charset="utf-8">
<title>WorldWind USGS Slabs</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js" type="text/javascript"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script data-main="USGSSlabs/app"
src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.17/require.min.js"></script>
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1 style="text-align:center">USGS Earthquake Slabs</h1>
</div>
<div class="row">
<div class="col-sm-3">
<div class="input-group" id="searchBox">
<input type="text" class="form-control" placeholder="GoTo" id="searchText"/>
<span class="input-group-btn">
<button id="searchButton" class="btn btn-primary" type="button">
<span class="glyphicon glyphicon-search"></span>
</button>
</span>
</div>
<br>
<h4>Layers</h4>
<div class="list-group" id="layerList"></div>
<h4>Surface Opacity<span id="terrainOpacityReadout" class="pull-right"></span></h4>
<div id="terrainOpacitySlider"></div>
<br>
<div class="panel-group" role="tablist" aria-multiselectable="true" id="servers"></div>
</div>
<div class="col-sm-9">
<ul class="nav nav-pills">
<li class="dropdown" id="projectionDropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" id="projectionDropdownTitle">3D
<span class="caret"></span></a></li>
</ul>
<canvas id="canvasOne" width="1000" height="1000" style="width: 100%; height: auto;">
Your browser does not support HTML5 Canvas.
</canvas>
</div>
</div>
</div>
</body>
</html>