此示例展示了如何使用 旋转 视觉变量来可视化在世界各地的各个气象站测量的风向。
旋转视觉变量可以直接在渲染器的构造函数中设置。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const rotationRenderer = {
type: "simple", // autocasts as new SimpleRenderer()
symbol: {
type: "simple-marker", // autocasts as new SimpleMarkerSymbol()
// use an SVG path to create an arrow shape
path: "M14.5,29 23.5,0 14.5,9 5.5,0z",
color: "#ffff00",
outline: {
color: [0, 0, 0, 0.7],
width: 0.5
},
// since the arrow points down, you can set the angle to 180
// to force it to point up (0 degrees North) by default
angle: 180,
size: 15
},
visualVariables: [
{
type: "rotation", // indicates that symbols should be rotated based on value in field
field: "grid_code", // field containing aspect values
rotationType: "geographic"
}
]
};
Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.