-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhelp.html
More file actions
163 lines (127 loc) · 8.33 KB
/
help.html
File metadata and controls
163 lines (127 loc) · 8.33 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="description" content="">
<meta name="author" content="">
<title>Webmap Instructions</title>
<style>
a{
display: block;
padding-bottom: -15px;
padding-left: 10px;
}
#result{
position: absolute;
left: 430px;
top: 25px;
}
#img_gif{
outline: 1px solid grey;
}
#img_text{
outline: 1px solid grey;
}
p{
font-size: 18px;
font-family: 'courier', 'monospace';
width: 780px;
padding: 10px;
outline: 1px solid grey;
}
</style>
</head>
<body>
<h2>How do I...</h2>
<a href="#" onclick="newq('var');">Change the topic I want to see on the map?</a><br />
<a href="#" onclick="newq('geo');">Change the geography to something other than Counties?</a><br />
<a href="#" onclick="newq('zoom');">Zoom in or out?</a><br />
<a href="#" onclick="newq('table');">See a table of the currently selected areas?</a><br />
<a href="#" onclick="newq('clear');">Clear all of the currently selected areas?</a><br />
<a href="#" onclick="newq('chart');">See a bar chart of multiple selected areas?</a><br />
<a href="#" onclick="newq('rchart');">See a detailed bar chart of one area?</a><br />
<a href="#" onclick="newq('sym');">Change the map symbology or classification?</a><br />
<a href="#" onclick="newq('tr');">Change the transparency of the map symbology?</a><br />
<a href="#" onclick="newq('sel');">Change the selection or hover colors (outlines)?</a><br />
<a href="#" onclick="newq('locate');">Quickly zoom to where I am?</a><br />
<a href="#" onclick="newq('search');">Search / Go to a specific place or address?</a><br />
<a href="#" onclick="newq('moe');">Toggle Margin of Error on or off?</a><br />
<a href="#" onclick="newq('url');">Create a link of the current map?</a><br />
<a href="#" onclick="newq('adv');">Select features using a query?</a><br />
<br /><br /><br />
<div id="result">
<img id="img_gif" src='https://storage.googleapis.com/censusmap-how-to/changetopic.gif'>
<p id='img_text'>Use the button in the top left corner of the screen to open the Data Theme dialog box. Select a category, and then click on a radio button to choose an individual topic to map.</p>
</div>
</body>
<script>
function newq(code){
var img_gif=document.getElementById('img_gif');
var img_text=document.getElementById('img_text');
if(code==='zoom'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/zoom_inout.gif';
img_text.innerHTML='Use the mouse wheel OR the buttons in the upper right corner of the screen to zoom in or out. To zoom in to a specific area, hold down the shift key and draw a rectangle around the area of interest.';
}
if(code==='var'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/changetopic.gif';
img_text.innerHTML='Use the button in the top left corner of the screen to open the Data Theme dialog box. Select a category, and then click on a radio button to choose an individual topic to map.';
}
if(code==='geo'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/changegeo.gif';
img_text.innerHTML='Use the compass button in the upper left corner of the screen to open the Geography dialog box. Select the specific geography level you would like to map by. Be aware that not all geographies are available at all zoom levels (You may need to zoom in to be able to map by smaller geographies such as Block Groups).';
}
if(code==='table'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/showtable.gif';
img_text.innerHTML='Select areas of interest by clicking on them. Use the table icon in the upper left corner of the screen to display information about the selected areas.';
}
if(code==='clear'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/clearall.gif';
img_text.innerHTML='To clear all selected areas, click on the clear tool (the last button on the left side of the screen).';
}
if(code==='chart'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/chart.gif';
img_text.innerHTML='To create a bar chart based upon the selected areas, click on the charting tool on the left side of the screen.';
}
if(code==='rchart'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/right_click.gif';
img_text.innerHTML='To create a detailed bar chart of a specific area, right-click on that area.';
}
if(code==='sym'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/classification.gif';
img_text.innerHTML="Open the 'Advanced Options' dialog using the button at the top of the screen. Make sure you are in the 'Symbology' tab. In order, select a Classification Scheme, choose the Number of Classes, then click on a Colorscheme.";
}
if(code==='tr'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/transparency.gif';
img_text.innerHTML="Open the 'Advanced Options' dialog using the button at the top of the screen. Make sure you are in the 'Symbology' tab. Locate the Transparency Slider, near the bottom of the dialog. Slide it to the desired transparency level.";
}
if(code==='sel'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/selection_color.gif';
img_text.innerHTML="Open the 'Advanced Options' dialog using the button at the top of the screen. Make sure you are in the 'Settings' tab. Use the drop-down menus to choose new selection or mouseover colors.";
}
if(code==='locate'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/geolocation.gif';
img_text.innerHTML='Click on the geolocation tool on the right side of the screen (just below the zoom buttons). The browser may ask for your permission to find your location. If you allow, you will be taken to your approximate current location.';
}
if(code==='search'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/search.gif';
img_text.innerHTML='Use the search box in the upper right corner of the screen. Type in a place or address, then click on one of the choices that appear in the list below the search box. You will be taken to that location.';
}
if(code==='moe'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/toggle_moe.gif';
img_text.innerHTML="Open the 'Advanced Options' dialog using the button at the top of the screen. Make sure you are in the 'Settings' tab. Click on the MOE switchbox control to turn Margin of Error information on or off.";
}
if(code==='url'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/copy_url.gif';
img_text.innerHTML='Click anywhere on the map (preferably the title bar) to bring the map into focus. Then, using your keyboard, press Ctrl-C to copy the web address of the page to your clipboard. You can then paste the address anywhere. (ex: into an email). The link will be an exact replica of the current map that you are looking at (including selected areas, if a chart was opened or closed, etc).';
}
if(code==='adv'){
img_gif.src='https://storage.googleapis.com/censusmap-how-to/advanced2.gif';
img_text.innerHTML="Open the 'Advanced Options' dialog using the button at the top of the screen. Make sure you are in the 'Advanced Search' tab. Select a State of interest (or leave it at the default option of 'All', choose a topic of interest, and then enter a custom value (without formatting such as $ or commas). Clicking search will create a new selection with features that match your criteria. (Any features you had previously selected will be discarded)";
}
}
</script>
</html>