-
Notifications
You must be signed in to change notification settings - Fork 20
/
Copy pathindex.html
executable file
·192 lines (189 loc) · 7.88 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html>
<head>
<title>Impact Summary Map</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 -->
<!-- Mobile -->
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<!-- SEO -->
<meta name="Keywords" content="Impact Summary Map, Area of Interest, Map, Esri" />
<meta name="Description"
content="This interactive map highlights your area of interest and shows an interactive report based on its location, allowing you to leverage your analysis work. The data presented in the boxes, at the bottom of the map, can be any integer data allowing you to answer new questions about locations that you cannot answer with maps alone. " />
<!-- End SEO -->
<!-- Facebook -->
<meta property="og:title" content="Impact Summary Map" />
<meta property="og:image" content="images/item.png" />
<meta property="og:site_name" content="esri" />
<!-- End Facebook -->
<link rel="stylesheet" type="text/css" href="https://js.arcgis.com/3.35/esri/css/esri.css" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:300,400,700" />
<!--Load any application specific styles-->
<link rel="stylesheet" href="https://js.arcgis.com/3.35/dgrid/css/dgrid.css" />
<link rel="stylesheet" href="https://js.arcgis.com/3.35/dgrid/css/skins/claro.css" />
<link id="claroTheme" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/dijit.css" />
<link rel="stylesheet" type="text/css" href="css/fontello.css" />
<link rel="stylesheet" type="text/css" href="css/HomeButton.css" />
<link rel="stylesheet" type="text/css" href="css/LocateButton.css" />
<link rel="stylesheet" type="text/css" href="css/SimpleSlider.css" />
<link rel="stylesheet" type="text/css" href="css/popup.css" />
<link rel="stylesheet" type="text/css" href="css/dialogs.css" />
<link rel="stylesheet" type="text/css" href="css/EnrichLayer.css" />
<link rel="stylesheet" type="text/css" href="css/geocoder.css" />
<link rel="stylesheet" type="text/css" href="css/AreaOfInterest.css" />
<link rel="stylesheet" type="text/css" href="css/ShareDialog.css" />
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/TemplateBuilder.css" />
<!--[if IE 7
]><link rel="stylesheet" type="text/css" href="css/fontello-ie7.css"
/><![endif]-->
</head>
<body class="calcite app-loading">
<!--The ArcGIS API for JavaScript provides bidirectional support. When viewing the application in an right to left (rtl) language like Hebrew and Arabic the map needs to remain in left-to-right (ltr) mode. Specify this by setting the dir attribute on the div to ltr. -->
<div class="loading-indicator">
<div class="loading-error">
<div class="icon-emo-unhappy"></div>
<div class="error-message-text" id="error_message"></div>
</div>
</div>
<div id="bc_outer" class="border-container-outer">
<div id="cp_outer_left" class="content-pane-left">
<div id="drawer_menus"></div>
</div>
<div id="cp_outer_center" class="content-pane-center">
<div id="geoData"></div>
<div class="top-bar">
<div id="hamburger_button" class="hamburger-button toggle-grey">
<div class="icon-menu-1"></div>
</div>
<div id="title" class="app-title"></div>
<div class="top-menu-right">
<div id="ShareDialog"></div>
<div class="locate-box">
<div id="geocoderSearch"></div>
</div>
<div id="mobileGeocoderIcon" class="mobile-geocoder-icon icon-right">
<div id="mobileGeocoderIconContainer" class="button-container toggle-grey icon-search-1"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="mobileSearch" class="mobile-locate-box-hidden">
<div class="mobile-search-container">
<div id="geocoderMobile"></div>
<div id="btnCloseGeocoder" class="close-geocoder-button">
Cancel
</div>
<div class="clear"></div>
</div>
</div>
<div id="mapButtons" class="map-buttons">
<div id="LocateButton"></div>
<div id="HomeButton"></div>
</div>
<div id="BasemapToggle"></div>
<div id="mapDiv" dir="ltr"></div>
</div>
</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 = {
async: true,
has: {
"esri-featurelayer-webgl": webgl,
},
//The location.pathname.replace() logic below may look confusing but all its doing is
// enabling us to load the api from a CDN and load local modules from the correct location.
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.35"></script>
<script type="text/javascript">
require([
"config/templateConfig",
"application/template",
"application/main",
"application/signInHelper",
], function (templateOptions, Template, Main, signInHelper) {
// create the template. This will take care of all the logic required for template applications
var myTemplate = new Template(templateOptions);
// create my main application. Start placing your logic in the main.js file.
var myApp = new Main();
// start template
myTemplate.startup().then(
function (config) {
//The config object contains the following properties: helper services, (optionally)
//i18n, appid, webmap and any custom values defined by the application.
//In this example we have one called theme.
var signIn = new signInHelper(),
userInfo = {};
var appResponse = config.appResponse;
if (config.appResponse) {
delete config.appResponse;
}
if (config.appid && config.edit) {
signIn.createPortal().then(
function (loggedInUser) {
userInfo.username = loggedInUser.username;
userInfo.token = loggedInUser.credential.token;
userInfo.credential = loggedInUser.credential;
userInfo.portal = signIn.getPortal();
myApp.startup(config, appResponse, userInfo);
},
function (error) {
myApp.reportError(error);
}
);
} else {
myApp.startup(config, appResponse, userInfo);
}
},
function (error) {
// something went wrong. Let's report it.
if (error && error.error && error.error === "application:origin-other") {
//display short org error
document.location.href = "../shared/origin/index.html?appUrl=" + error.appUrl;
} else {
myApp.reportError(error);
}
}
);
});
</script>
<!--[if lt IE 9
]><script type="text/javascript" src="js/respond.min.js"></script
><![endif]-->
</body>
</html>