thhomas.github.io/index.html at master · thhomas/thhomas.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="bower_components/ol3-build/build/ol.css" type="text/css">
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="bower_components/seiyria-bootstrap-slider/css/bootstrap-slider.css" type="text/css">
    <link rel="stylesheet" href="bower_components/ign-angular/dist/ign-angular.css" type="text/css">
    <style>
		  /* Space out content a bit */
			body {
		  		padding-top: 20px;
		  		padding-bottom: 20px;
		  		font: 'Open-Sans';
			}
			@media (min-width: 1400px) {
				.container {
					width: 1370px;
				}
			}
    </style>
</head>
<body ng-app="example1">
  <div class="jumbotron" ng-controller="MainCtrl">
	  <div class="container">
	    <div class="navbar navbar-default navbar-static-top" style="margin-bottom:0px" role="navigation">
		    <div class="container-fluid">
		      <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#evoterr-navbar-collapse" ng-click="setHeight()" style="">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="glyphicon glyphicon-chevron-down"></span>
			      </button>
		      </div>
		      <div class="collapse navbar-collapse" id="evoterr-navbar-collapse" style="background-color: white;">
            <form class="navbar-form navbar-left" role="search">Layers
              <layer-selector map-object="map" wmts-url="'http://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/WMTS/1.0.0/WMTSCapabilities.xml'" static-layer="['osm', 'google', 'mapbox']" index="0"></layer-selector>
              <layer-selector map-object="map" wmts-url="['http://services.arcgisonline.com/arcgis/rest/services/World_Imagery/MapServer/WMTS/1.0.0/WMTSCapabilities.xml', 'http://services.arcgisonline.com/arcgis/rest/services/World_Shaded_Relief/MapServer/WMTS/1.0.0/WMTSCapabilities.xml']" static-layer="['osm', 'google', 'mapbox']" index="1"></layer-selector>
                          </form>
            <form class="navbar-form navbar-right">
              <geocoder geocoderUrl="http://wxs.ign.fr/61fs25ymczag0c67naqvvmap/ols/apis/completion" map-object="map"></geocoder>
            </form>
          </div> <!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
      </div><!-- /.navbar-default-->
      <div ol-map controls="['3d', 'display', 'permalink', 'tuning']" class="map"></div>
    </div>
  </div>

	<script src="bower_components/angular/angular.js"></script>
	<script src="bower_components/jquery/dist/jquery.min.js"></script>
	<script src="bower_components/ol3-build/build/ol-debug.js"></script>
	<script src="bower_components/angular-sanitize/angular-sanitize.min.js"></script>
	<script src="bower_components/spin.js/spin.js"></script>
	<script src="bower_components/angular-spinner/angular-spinner.js"></script>
	<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
	<script src="bower_components/seiyria-bootstrap-slider/js/bootstrap-slider.js"></script>
	<script src="bower_components/ign-angular/dist/ign-angular.min.js"></script>
	<script src="js/example-1.js"></script>
</body>
</html>