山洪预警(2002 - 2012年)。所有警告区域都具有相同的透明符号,这使得洪水活动更频繁的区域可以更清楚地显示。
聚类和热点图仅适用于点图层。当面重叠时,您可以使用每个要素的不透明度来可视化其密度。
什么是每个要素不透明度?
通过在所有要素上设置高度透明的符号,可以有效地可视化具有大量重叠要素的图层(至少 90-99% 的透明度效果最好)。这对于显示许多面和折线堆叠在一起的区域特别有效。
例如,以下地图显示了在 10 年内经历山洪暴发警告的区域。每个面代表一个持续时间跨度为 12 到 96 小时的山洪预警。每个都分配了一个 alpha 级别为 0.04
(96% 透明度)的蓝色填充符号。
以高度透明的多边形可视化的山洪警报。不透明地区经历了大量的山洪预警。透明地区的山洪预警较少。仅经历一次山洪警报的区域的不透明度值为 0.04
。经历多个区域的区域将具有更高的不透明度值,使其更明显。
如果未基于每个要素设置不透明度,则只能区分至少经历一次山洪警告的区域。
可视化为不透明多边形的山洪警报。没有视觉提示指示比其他区域经历更多警告的区域。无论您将所有数据存储在一个图层中,还是在多个图层中分离,此可视化技术都有效。在任一情况下,每个要素的透明度都会与其他重叠要素成倍增加,因此与要素稀疏的区域相比,您可以轻松查看要素密度较高的位置。
每个要素不透明度的工作原理
不透明度只能通过表示每个要素的符号的颜色属性在每个要素的基础上进行设置。这允许给定像素处的不透明度在重叠要素之间成倍增加。
请注意下面代码段中的颜色值。每个参数表示一个颜色通道(即 rgba(red, green, blue, alpha)
)。alpha(即不透明度)值必须是一个非常小的数字。根据要素的密度,介于 0.01 和 0.1 之间的数字通常效果最佳。
GeoScene JS API
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
layer.renderer = new SimpleRenderer({
symbol: new SimpleFillSymbol({
color: "rgba(0,76,115,0.04)",
outline: null
})
});
示例
一个图层的多边形密度
以下示例演示了如何基于每个要素设置不透明度,以有效地显示重叠面的密度。
- 创建一个简单的渲染器。
- 在渲染器中设置一个在 color 属性中使用非常小的 alpha 值(例如 0.01 - 0.1)的符号。
GeoScene JS API
49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 49 50 51 52 53 54 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55
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
layer.renderer = new SimpleRenderer({
symbol: new SimpleFillSymbol({
color: "rgba(0,76,115,0.04)",
outline: null
})
});
山洪预警(2002 - 2012年)。所有警告区域都具有相同的透明符号,这使得活动更激烈的区域可以更清楚地显示。
两层的多边形密度
许多要素需要考虑多个图层之间的要素密度。以下示例演示如何显示表示燃烧区域的两个图层中的面密度。由于图层彼此重叠绘制,因此我们可以在两个或多个图层中的要素上设置相同的符号,以实现与上一个示例相同的可视化。
- 创建一个简单的渲染器。
- 在渲染器中设置一个具有非常小的 alpha 值(例如 0.01 - 0.1)的符号。
- 将同一渲染器应用于表示相同或相似现象的两个或多个图层。
GeoScene JS API
61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 61 62 63 64 65 66 67 68 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69 69
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
const renderer = new SimpleRenderer({
symbol: new SimpleFillSymbol({
color: "rgba(168, 0, 0, 0.17)",
outline: null
})
});
burnsLayer.renderer = renderer;
prescribedLayer.renderer = renderer;
加州烧伤地区(1878 - 2020年)。此可视化显示哪些区域经历了更多的火灾,无论是规定的、自然的还是意外的。
多种密度
以下示例演示了如何显示表示不同类型要素的两个图层中的面密度。此应用程序可视化了 10 年内所有山洪和龙卷风警告的位置。山洪警报被赋予一个透明的蓝色填充符号,龙卷风警告被赋予一个透明的橙色符号。
这使您可以查看洪水密度高的区域,龙卷风密度高的区域,以及两者密度较高的区域。
- 创建两个简单的渲染器对象。
- 在每个渲染器中设置具有不同颜色的符号。颜色必须是不同的色调,但颜色的 alpha 值应该是相同的值(例如 0.01 - 0.1)。
- 将每个渲染器应用于其各自的图层。
- 在最顶层上设置
average
混合模式。这将平均其下方所有图层的颜色。这可确保最顶层图层不会仅仅因为地图中的图层顺序而主导可视化。
山洪和龙卷风预警区(2002 - 2012年)。具有相同透明度但不同色调的符号将应用于每个图层。这允许最终用户查看经历高密度山洪警告和/或龙卷风警告的区域。
GeoScene JS API
60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74
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
const tornadoes = new FeatureLayer({
title: "Tornado warnings",
portalItem: {
id: "105fee001d244d33b90bf3ae5a243679"
},
popupEnabled: false,
blendMode: "average",
renderer: new SimpleRenderer({
symbol: new SimpleFillSymbol({
color: "rgba(255, 128, 26,0.03)",
outline: null
})
})
});
API 支持
下表描述了适合每种可视化技术的几何和视图类型。