-
Notifications
You must be signed in to change notification settings - Fork 27
/
index.html
executable file
·131 lines (126 loc) · 4.32 KB
/
index.html
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<!-- Responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- End Responsive -->
<!-- Use protocol relative urls that way if the browser is viewing the page via HTTPS the js/css file will be requested using the HTTPS protocol -->
<link rel="stylesheet" href="https://js.arcgis.com/3.27/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="https://js.arcgis.com/3.27/esri/css/esri.css">
<!-- Load any application specific styles -->
<link rel="stylesheet" href="css/main.css">
</head>
<body class="claro app-loading">
<!--Modal Splash Screen-->
<div id="modal" class="hide">
<div class="modal-content">
<div class="modal-header bg fg">
<h2 id="modalTitle"></h2>
</div>
<div class="copy bg fg">
<div id="modalContent"></div>
<center>
<input id="closeOverlay" class="bg fg" type="button" />
</center>
</div>
</div>
<div class="overlay"></div>
</div>
<div id="basemapContainer" class="bg fg arrow_box">
<div class="dialog-header">
<div class="icon-close closeBtn" tabindex="0"></div>
</div>
<div id="basemapDiv" class="arrow_content"></div>
</div>
<div id="legendContainer" class="bg fg arrow_box">
<div class="dialog-header">
<div class="icon-close closeBtn" tabindex="0"></div>
</div>
<div id="legendDiv" class="bg fg arrow_content"></div>
</div>
<div id="shareContainer" class="bg fg arrow_box">
<div class="dialog-header">
<div class="icon-close closeBtn" tabindex="0"></div>
</div>
<div id="shareDiv" class="arrow_content"></div>
</div>
<!-- Elevation Profile Container-->
<div id="panelContainer" class="panel bg fg">
<div id="panelTitle">
<h1 id="elevTitle" class="fg"></h1>
<div id="elevTools" class="fg">
<button id="drawTool" class="hide tools icon-draw fg"></button>
<button id="toggleProfile" class="tools icon-profile fg"></button>
</div>
</div>
<div id="desc"></div>
<div id="panelContent">
<div id="elevProfileChart"></div>
</div>
<div id="elevInfo"></div>
</div>
<div class="loading-indicator">
<div class="loading-message" id="loading_message"></div>
</div>
<div id="mapDiv" dir="ltr"></div>
<div class="map-tools">
<button id="legendBtn" class="map-btn fg bg icon-legend"></button>
<button id="basemapBtn" class="map-btn fg bg icon-basemap"></button>
<button id="shareBtn" class="map-btn fg bg icon-share"></button>
</div>
<div id="toggle" class="toggle"></div>
<script type="text/javascript">
var webgl = location.search.match(/webgl=([\w-]+)/) ? (RegExp.$1).toLowerCase() === "false" ? 0 : 1 : 1;
var package_path = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/'));
var dojoConfig = {
has: {
"esri-featurelayer-webgl": webgl
},
async: true,
parseOnLoad: true,
packages: [{
name: "application",
location: package_path + '/js'
}, {
name: "config",
location: package_path + '/config'
}, {
name: "arcgis_templates",
location: package_path + '/..'
}]
};
// Have to handle a locale parameter before dojo is loaded
if (location.search.match(/locale=([\w\-]+)/)) {
dojoConfig.locale = RegExp.$1;
}
</script>
<script type="text/javascript" src="https://js.arcgis.com/3.27/"></script>
<script type="text/javascript">
require([
"config/templateConfig",
"application/template",
"application/main"
], function (
templateConfig,
Template,
Main
) {
// create the template. This will take care of all the logic required for template applications
var myTemplate = new Template(templateConfig);
var myApp = new Main();
// start template
myTemplate.startup().then(function (config) {
myApp.startup(config);
}, function (error) {
// something went wrong. Let's report it.
myApp.reportError(error);
});
});
</script>
</body>
</html>