-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsymbology.html
141 lines (138 loc) · 7.65 KB
/
symbology.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
<html>
<head>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-179299301-2');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Symbology</title>
<link rel="stylesheet" type="text/css" href="../css/base_styles.css">
</head>
<body>
<header></header>
<div class="sidenav">
<ul>
<li><a href="..">Home</a></li>
<li><a href="../Basics/" class="active">Basic GIS Operations</a></li>
<li><a href="../Analysis/" >Analysis Toolbox</a></li>
<li><a href="../Conversion/">Conversion Toolbox</a></li>
<li><a href="../Data Management/">Data Management Toolbox</a></li>
<li><a href="../Geocoding/">Geocoding Toolbox</a></li>
<li><a href="../Network Analyst/">Network Analyst Toolbox</a></li>
<li><a href="../Spatial Analyst/">Spatial Analyst Toolbox</a></li>
<li><a href="../Spatial Statistics/">Spatial Statistics Toolbox</a></li>
</ul>
</div>
<div class="content">
<h1>Symbology</h1>
</br>
<ul id="top">
<li><a href="#open_symbology">Open Style Menus</a></li>
<li><a href="#point">Point Symbology</a>
<ul><li><a href="#point_single_symbol">Single Symbol</a></li>
<li><a href="#marker_types">Marker Types</a></li>
<li><a href="#point_categorized">Categorized Symbols</a></li>
<li><a href="#point_graduated">Graduated Symbols</a></li>
<li><a href="#point_rule_based">Rule Based</a></li>
<li><a href="#point_displacement">Point Displacement</a></li>
<li><a href="#point_cluster">Point Cluster</a></li>
<li><a href="#point_heatmap">Heatmap</a></li>
</ul></li>
<li><a href="#line">Polyline Symbology</a>
<ul>
<li><a href="#line_single_symbol">Single Symbol</a></li>
<li><a href="#line_categorized">Categorized Symbols</a></li>
<li><a href="#line_graduated">Graduated Symbols</a></li>
<li><a href="#line_rule_based">Rule Based</a></li>
</ul></li>
<li><a href="#polygon">Polygon Symbology</a>
<ul>
<li><a href="#polygon_single_symbol">Single Symbol</a></li>
<li><a href="#polygon_categorized">Categorized Symbols</a></li>
<li><a href="#polygon_graduated">Graduated Symbols</a></li>
<li><a href="#polygon_rule_based">Rule Based</a></li>
<li><a href="#polygon_inverted">Inverted Polygons</a></li>
<li><a href="#polygon_2.5d">2.5D Polygons</a></li>
</ul></li>
</ul>
<br>
<a href="../Basics/">Back To Basic Concepts</a><br>
<a href="..">Back To Homepage</a><br>
<br>
<hr>
<br>
<h2 id="open_symbology">Opening The Styling Toolbar and Options</h2>
<p>
Styling layers can be done either through the <u>Layer Styling</u> toolbar or the layer's <u>symbology properties</u>.<br>
Opening the Layer Styling toolbar can be done by selecting a layer and pressing <kbd>F7</kbd> key or the little brush <img src="./img/symbology_base5.PNG"/> icon in the layers toolbar.<br>
<img src="./img/symbology_base4.PNG"/></br>
The <u>Layer Styling</u> toolbar should open on the right side of the screen, and look like this:<br>
<img src="./img/symbology_base2.PNG"/><br>
</p>
<br>
<hr>
<h2 id="point">Point Symbology</h2>
<br>
<h3 id="point_single_symbol">Point Single Symbol Options</h3>
<p>
<b>Single Symbol</b> is as suggested the simplest way a symbology can be defined.
This style requires you to define one symbol. <br>
We can use one of the predefined symbols as shown below, or define our own symbol.<br>
<img src="./img/symbology_base6.PNG"/></br><br>
<b>Note</b> Your point symbology, even if defined to be a simple symbol, can include multiple parts.
We'll style our points here using a large red square behind a blue circle.<br>
First we'll define the simple red square marker, and resize it to 6 points, as defined below.<br>
<img width="600px" src="./img/symbology_base7.PNG"/></br><br>
We now add another simple symbol.<br>
<img src="./img/symbology_base8.PNG"/></br><br>
Set the color to blue.<br>
<img src="./img/symbology_base9.PNG"/></br><br>
And our end marker should look something like this.<br>
<img src="./img/symbology_base10.PNG"/></br><br>
Fill free to keep exploring the other single marker options such as <b>SVG Marker</b> or <b>Filled Marker</b>.
</p><br>
<h3 id="point_categorized">Point Categorized Symbol Options</h3>
<p></p><br>
<h3 id="point_graduated">Point Graduated Symbol Options</h3>
<p></p><br>
<h3 id="point_rule_based">Point Rule Based Options</h3>
<p></p><br>
<h3 id="point_displacement">Point Displacement Options</h3>
<p></p><br>
<h3 id="point_cluster">Point Cluster Options</h3>
<p></p><br>
<h3 id="point_heatmap">Heatmap Options</h3>
<p></p><br>
<br>
<hr>
<h2 id="line">Polyline Symbology</h2>
<br>
<h3 id="line_single_symbol">Line Single Symbol Options</h3>
<p></p><br>
<h3 id="line_categorized">Line Categorized Symbol Options</h3>
<p></p><br>
<h3 id="line_graduated">Line Graduated Symbol Options</h3>
<p></p><br>
<h3 id="line_rule_based">Line Rule Based Symbol Options</h3>
<p></p><br>
<br>
<hr>
<h2 id="polygon">Polygon Symbology</h2>
<br>
<h3 id="polygon_single_symbol">Polygon Single Symbol Options</h3>
<p></p><br>
<h3 id="polygon_categorized">Polygon Categorized Symbol Options</h3>
<p></p><br>
<h3 id="polygon_graduated">Polygon Graduated Symbol Options</h3>
<p></p><br>
<h3 id="polygon_rule_based">Polygon Rule Based Symbol Options</h3>
<p></p><br>
<h3 id="polygon_rule_based">Inverted Polygons Symbol Options</h3>
<p></p><br>
<h3 id="polygon_rule_based">2.5D Polygon Symbol Options</h3>
<p></p><br>
</div>
</body>
</html>