You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: apps/docs/docs/Scenarios/Scenarios.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,5 +1,5 @@
1
1
---
2
-
sidebar_position: 4
2
+
sidebar_position: 7
3
3
---
4
4
5
5
@@ -21,7 +21,7 @@ Only **geographical layers** can be modified in scenarios. Tables and rasters ca
21
21
22
22
<divclass="step">
23
23
<divclass="step-number">1</div>
24
-
<divclass="content">Click on <code>Scenarios</code> <imgsrc={require('/img/icons/compass-drafting.png').default}alt="Scenarios"style={{maxHeight:"20px",maxWidth:"20px",objectFit:"cover"}}/>.</div>
24
+
<divclass="content">Click on <code>Scenarios</code> <imgsrc={require('/img/icons/compass.png').default}alt="Scenarios"style={{maxHeight:"20px",maxWidth:"20px",objectFit:"cover"}}/>.</div>
25
25
</div>
26
26
27
27
<divclass="step">
@@ -95,7 +95,7 @@ Create multiple scenarios to test different configurations:
95
95
96
96
-**Select**: Click a scenario to view its changes
97
97
-**Modify**: Use the options menu <img src={require('/img/icons/3dots.png').default} alt="Options" style={{ maxHeight: "20px", maxWidth: "20px", objectFit: "cover"}}/> to rename, delete, or edit
98
-
-**Track changes**: Modified layers show <img src={require('/img/icons/compass-drafting.png').default} alt="Scenario indicator" style={{ maxHeight: "20px", maxWidth: "20px", objectFit: "cover"}}/> with a number
98
+
-**Track changes**: Modified layers show <img src={require('/img/icons/compass.png').default} alt="Scenario indicator" style={{ maxHeight: "20px", maxWidth: "20px", objectFit: "cover"}}/> with a number
99
99
-**Deselect**: Click the active scenario again to return to the original map
Copy file name to clipboardExpand all lines: apps/docs/docs/builder/_category_.json
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
{
2
2
"label": "Dashboard",
3
-
"position": 4,
3
+
"position": 6,
4
4
"link": {
5
5
"type": "generated-index",
6
6
"description": "The Dashboard mode allows you to create customized maps and interactive dashboards. Choose from various indicators, layers, and visual settings to build a view that fits your project."
Depending on the layers you have added, you can run different analysis from the toolbox.
115
111
<divclass="step">
116
112
<divclass="step-number">7</div>
117
-
<divclass="content"> Click on the <code>Toolbox</code> buttonon the right panel.</div>
113
+
<divclass="content"> Locate and click on the <code>Toolbox</code> button, which appears as a tools icon on the right side of the left panel.</div>
118
114
</div>
119
115
120
116
<divclass="step">
121
117
<divclass="step-number">8</div>
122
118
<divclass="content"> Select the analysis tool you want to use. You can choose between our <b> Accessibility indicators</b>, <b>Data management</b>, <b>Geoanalysis</b>, or <b>Geoprocessing</b> tools, and complete the settings.</div>
Once you have added the layers to your map and computed the analysis, you can customize their appearance to enhance visualization.
132
123
133
124
<divclass="step">
134
125
<divclass="step-number">9</div>
135
-
<divclass="content">Click on <code>Layer design <imgsrc={require('/img/icons/styling.png').default}alt="Styling Icon"style={{maxHeight:"20px",maxWidth:"20px",objectFit:"cover"}}/></code>, open the <code>Style</code> menu, select the color you want or if you want to style by attribute, click on <code>options <imgsrc={require('/img/icons/styling.png').default}alt="Options Icon"style={{maxHeight:"20px",maxWidth:"20px",objectFit:"cover"}}/></code>, and set the field you want on the <code>Color based on</code> menu.</div>
126
+
<divclass="content">Click on any layer from your project, and the editing layer panel will appear on the right with the <code>Style</code> tab selected. Go to the <code>Style</code> section and select the color you want. If you want to style by attribute, click on <code>options <imgsrc={require('/img/icons/styling.png').default}alt="Options Icon"style={{maxHeight:"20px",maxWidth:"20px",objectFit:"cover"}}/></code> and set the field you want in the <code>Color based on</code> menu.</div>
136
127
</div>
137
128
138
129
<divclass="step">
@@ -145,10 +136,6 @@ Once you have added the layers to your map and computed the analysis, you can cu
145
136
<divclass="content">Then you can turn on the <code>Labels</code> if you want, edit your <code>Popups</code> and <code>Legend</code>.</div>
Now that you have created your first project in GOAT, it's time to share it with others. You can easily share your project by generating a shareable link or inviting collaborators to work on the project with you.
154
141
@@ -165,9 +152,4 @@ Now that you have created your first project in GOAT, it's time to share it with
165
152
<divclass="step">
166
153
<divclass="step-number">14</div>
167
154
<divclass="content">Now you can click on <code>Copy URL</code> and <b> share the direct link </b> so others can open the map in their browser. Or click on <code>Copy iframe Code</code> and <b> embed the map </b> in websites or tools that support HTML and iframes.</div>
Copy file name to clipboardExpand all lines: apps/docs/docs/map/layers.md
+50-33Lines changed: 50 additions & 33 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,30 +17,30 @@ import TabItem from '@theme/TabItem';
17
17
18
18
## How to manage your Layers
19
19
20
+
The Layers Panel is your central hub for organizing and controlling all the data in your GOAT project. Here you can **add new datasets, arrange layer order for optimal visualization, group related layers together, and control visibility**.
<divclass="content">Navigate to the <code>Layers</code> menu via the <strong>left sidebar</strong>.</div>
39
+
<divclass="content">On the left panel, click on <code>+ Add Layer</code> to <strong>open the layer options</strong>.</div>
35
40
</div>
36
41
37
42
<divclass="step">
38
43
<divclass="step-number">2</div>
39
-
<divclass="content">Click on <code>+ Add Layer</code> to <strong>open the layer options</strong>. </div>
40
-
</div>
41
-
42
-
<divclass="step">
43
-
<divclass="step-number">3</div>
44
44
<divclass="content">Select if you like to integrate a dataset using the: <code>Data Explorer</code>, <code>Dataset Upload</code>, <code>Dataset External</code> or <code>Dataset Catalog</code> to <strong>choose your data source</strong>.</div>
45
45
</div>
46
46
@@ -49,12 +49,12 @@ You can add layers from [different sources](../data/dataset_types) to your map.
49
49
50
50
51
51
<divclass="step">
52
-
<divclass="step-number">4</div>
52
+
<divclass="step-number">3</div>
53
53
<divclass="content">Select the file you want to <strong>import</strong>.</div>
54
54
</div>
55
55
56
56
<divclass="step">
57
-
<divclass="step-number">5</div>
57
+
<divclass="step-number">4</div>
58
58
<divclass="content">Click on <code>+ Add Layer</code> to <strong>add the selected file</strong>.</div>
59
59
</div>
60
60
@@ -64,17 +64,17 @@ You can add layers from [different sources](../data/dataset_types) to your map.
64
64
65
65
66
66
<divclass="step">
67
-
<divclass="step-number">4</div>
67
+
<divclass="step-number">3</div>
68
68
<divclass="content">Select the file you want to <strong>import</strong>.</div>
69
69
</div>
70
70
71
71
<divclass="step">
72
-
<divclass="step-number">5</div>
72
+
<divclass="step-number">4</div>
73
73
<divclass="content">Define the name of the dataset and <strong>add a description</strong>, if you like.</div>
74
74
</div>
75
75
76
76
<divclass="step">
77
-
<divclass="step-number">6</div>
77
+
<divclass="step-number">5</div>
78
78
<divclass="content">Check the information and click on <code>Upload</code> to <strong>upload the dataset</strong>.</div>
79
79
</div>
80
80
@@ -83,17 +83,17 @@ You can add layers from [different sources](../data/dataset_types) to your map.
<divclass="content">Insert your <code>external URL</code> and <strong>follow the steps</strong> depending on the type of dataset you would like to add.</div>
107
107
</div>
108
108
@@ -139,31 +139,48 @@ You can manage all your datasets on the [Datasets page](../workspace/datasets).
139
139
140
140
:::
141
141
142
-
### Organize Layers
142
+
### Order Layers
143
143
144
-
Once you have added a dataset to the map, **it will be visible in the Layer List**. From there you can organize the different layers.
144
+
When visualizing several data sets at once, the layer order is crucial for creating clear, readable maps. Therefore, **the layer order can be changed interactively**.
145
145
146
-
#### Layer Order
146
+
<strong> Click on the layer</strong> you want to move, then <strong>drag and drop</strong> the layer to your desired position.
147
147
148
-
When visualizing several data sets at once, the layer order is crucial for creating clear, readable maps. Therefore, **the layer order can be changed interactively**.
148
+
### Show / Hide Layers
149
149
150
-
Hover over the <strong>left border</strong> of the layer in the layer list until an arrow symbol appears, then <strong>drag and drop to move</strong> the layer to your desired position.
150
+
Click the <img src={require('/img/icons/eye.png').default} alt="Add layers in GOAT" style={{ maxHeight: "20px", maxWidth: "20px", objectFit: "cover"}}/> icon next to the layer name to <strong>temporarily hide</strong> a layer from the map view. Clicking the eye again will <strong>make the layer visible</strong> again.
Click the <img src={require('/img/icons/layer.png').default} alt="Group layers" style={{ maxHeight: "20px", maxWidth: "20px", objectFit: "cover"}}/> <code> Group Layers</code> button on top of the Layers Panel to **create layer groups** that help organize related datasets together.
157
155
158
-
Click the <img src={require('/img/icons/eye.png').default} alt="Add layers in GOAT" style={{ maxHeight: "20px", maxWidth: "20px", objectFit: "cover"}}/> icon next to the layer name to <strong>temporarily hide</strong> a layer from the map view. Clicking the eye again will <strong>make the layer visible</strong> again.
156
+
<divclass="step">
157
+
<divclass="step-number">1</div>
158
+
<divclass="content">Click the <code>Group Layers</code> button <imgsrc={require('/img/icons/layer.png').default}alt="Group layers"style={{maxHeight:"20px",maxWidth:"20px",objectFit:"cover"}}/> at the top of the Layers Panel.</div>
<divclass="content">Enter a <strong>name for your layer group</strong> in the dialog that appears.</div>
164
+
</div>
165
+
166
+
<divclass="step">
167
+
<divclass="step-number">3</div>
168
+
<divclass="content">Click <code>Create</code> to <strong>create the new layer group</strong>.</div>
169
+
</div>
170
+
171
+
<divclass="step">
172
+
<divclass="step-number">4</div>
173
+
<divclass="content"><strong>Drag and drop layers</strong> from the main layers list into your newly created group to organize them.</div>
174
+
</div>
175
+
176
+
<divclass="step">
177
+
<divclass="step-number">5</div>
178
+
<divclass="content">Use the <strong>expand/collapse arrow</strong> next to the group name to show or hide the group contents.</div>
179
+
</div>
163
180
164
-
####Options
181
+
###Layer Options
165
182
166
-
By clicking on <code>more options</code> <img src={require('/img/icons/3dots.png').default} alt="Options" style={{ maxHeight: "20px", maxWidth: "20px", objectFit: "cover"}}/> icon you have further options to <strong>manage and organize</strong> the selected layer.
183
+
By clicking on <img src={require('/img/icons/3dots.png').default} alt="Options" style={{ maxHeight: "20px", maxWidth: "20px", objectFit: "cover"}}/> <code>more options</code> icon next to each layer you have further options to <strong>manage and organize</strong> the selected layer.
0 commit comments