-
Notifications
You must be signed in to change notification settings - Fork 23
/
Copy pathindex.html
151 lines (134 loc) · 6.13 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<!--meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/ -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>Responsive Map Viewer</title>
<link rel="shortcut icon" href="fm_style/favicon.ico" />
<link rel="icon" type="image/png" href="fm_style/fm_icons/globe2.png" />
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/esri/dijit/css/Popup.css" />
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.0/js/esri/dijit/css/PopupMobile.css" />
<link rel="stylesheet" type="text/css" href="http://js.arcgis.com/3.7/js/esri/css/esri.css">
<link rel='stylesheet' type='text/css' href='fm_style/page.css' />
<link rel='stylesheet' type='text/css' href='fm_style/page.css' />
<script type="text/javascript" src='fm_javascript/page-header.js'></script>
<!--[if lte IE 8]>
<link rel='stylesheet' type='text/css' href='fm_style/ie.css' />
<script type='text/javascript' src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
<script type='text/javascript' src='fm_javascript/lib/respond.min.js'></script>
<![endif]-->
<link rel="apple-touch-icon" href="fm_style/fm_icons/globe2.png" />
<link rel="apple-touch-icon" sizes="72x72" href="fm_style/fm_icons/globe2-72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="fm_style/fm_icons/globe2-114.png" />
<link rel='stylesheet' type='text/css' href='fm_style/dojo-overrides.css' />
</head>
<body >
<!-- absolute elements (overlays) -->
<div class='fm_basemap_list fm_overlay'>
<div class='fm_close'></div>
<div id='basemapList' class='fm_handle'></div>
</div>
<div class='fm_measurement fm_overlay'>
<div class='fm_close'></div>
<div class='fm_handle' style='height: 100%;'><div id='measurementDiv'></div></div>
</div>
<div class='fm_search fm_overlay' >
<div class='fm_close fm_no_margin'></div>
<div class='fm_location_bar' class='fm_handle'>
<input type='text' class='fm_location_input' placeholder='Find location...' />
<span class='fm_location_button fm_icon fm_search_icon' ></span>
</div>
</div>
<header>
<div class='fm_title_bar'>Map Title</div>
</header>
<nav>
<div class='fm_nav'>
<a href='#' class='fm_basemap_trigger fm_button'>
<span class='fm_icon fm_basemap_icon'></span>
<span class='fm_icon_text fm_show'>Basemap</span>
</a>
<a href='#' class='fm_measure_trigger fm_button'>
<span class='fm_icon fm_measure_icon'></span>
<span class='fm_icon_text fm_show'>Measure</span>
</a>
<a href='#' class='fm_search_trigger fm_button'>
<span class='fm_icon fm_search_icon'></span>
<span class='fm_icon_text fm_show'>Find</span>
</a>
<!-- float right elements are displayed in reverse order -->
<a href='#' class='fm_details_trigger fm_trigger fm_button fm_float_right' data-panel='fm_description' >
<span class='fm_icon fm_details_icon'></span>
<span class='fm_icon_text'>Details</span>
</a>
<a href='#' class='fm_settings_trigger fm_trigger fm_button fm_float_right' data-panel='fm_settings' >
<span class='fm_icon fm_settings_icon'></span>
<span class='fm_icon_text'>Details</span>
</a>
<a href='#' class='fm_legend_trigger fm_trigger fm_button fm_float_right' data-panel='fm_legend' >
<span class='fm_icon fm_legend_icon'></span>
<span class='fm_icon_text'>Legend</span>
</a>
<a href='#' class='fm_trigger fm_button fm_float_right' data-panel='fm_print' >
<span class='fm_icon fm_print_icon'></span>
<span class='fm_icon_text'>Print</span>
</a>
<a href='#' class='fm_share_trigger fm_trigger fm_button fm_float_right' data-panel='fm_share' >
<span class='fm_icon fm_share_icon'></span>
<span class='fm_icon_text'>Share</span>
</a>
</div>
</nav>
<div class='fm_container_main'>
<!--div class='fm_left_content collapse'>
<div class='fm_close fm_hide'><img src='images/close.png' class='fm_close_icon' /></div>
<div class='fm_container'>sample description</div>
</div-->
<div class='fm_center_content fm_right'>
<img src='fm_style/fm_icons/crosshairs-gray.png' class='fm_find_me' />
<div id='map' class='fm_map tundra'></div>
</div>
<div class='fm_right_content'>
<div class='fm_close fm_hide'></div>
<!--div class='fm_panel_header'>
<div class='fm_panel_header_content fm_container'>Header</div>
</div-->
<div class='*fm_panel_container fm_container'>
<div class='fm_description fm_panel' >Map Description</div>
<div id='fm_legendDiv' class='fm_legend fm_panel' >Map Legend</div>
<div class='fm_tools fm_panel' >Map Tools</div>
<div class='fm_print fm_panel' >Print Options</div>
<div class='fm_share fm_panel' >
<p>Embed code:</p>
<textarea class='fm_embed_code' ></textarea>
</div>
<div class='fm_settings fm_panel' >App Settings</div>
</div>
</div>
</div>
<footer>
<div class='fm_map_info'>
<span class='fm_coordsinfo' style="padding: 0 5px;"></span>|
<span class='fm_scaleinfo' style="padding: 0 5px;"></span>
|
<span class='fm_zoomlevelinfo' style="padding: 0 5px;"></span>
</div>
</footer>
<script type='text/javascript' src='fm_javascript/lib/jRespond.min.js'></script>
<script type='text/javascript' src='fm_javascript/lib/jquery-1.9.0.min.js'></script>
<script type='text/javascript' src='fm_javascript/lib/jquery-ui-1.8.21.custom.min.js'></script>
<script type="text/javascript">var djConfig = {parseOnLoad: true};</script>
<script src="http://js.arcgis.com/3.7compact"></script>
<script type="text/javascript" src='fm_javascript/map.js'></script>
<script type='text/javascript' src='fm_javascript/page.js'></script>
<!--
<script type="text/javascript" src='analytics.js'></script>
-->
</body>
</html>