[Maps] Update Vector Style docs to define vector styles per feature type (#39214) (#39249)

* [Maps] Update Vector Style docs to define vector styles per feature type

* remove intro to point, polygon, and line sections

* Update docs/maps/vector-style-properties.asciidoc

Co-Authored-By: gchaps <33642766+gchaps@users.noreply.github.com>

* Update docs/maps/vector-style-properties.asciidoc

Co-Authored-By: gchaps <33642766+gchaps@users.noreply.github.com>

* Update docs/maps/vector-style-properties.asciidoc

Co-Authored-By: gchaps <33642766+gchaps@users.noreply.github.com>

* Update docs/maps/vector-style-properties.asciidoc

Co-Authored-By: gchaps <33642766+gchaps@users.noreply.github.com>
This commit is contained in:
Nathan Reese 2019-06-19 07:10:37 -06:00 committed by GitHub
parent 3cbf5b8a11
commit 1d28e068e1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 50 additions and 21 deletions

View file

@ -23,3 +23,4 @@ The index must contain at least one field mapped as {ref}/geo-point.html[geo_poi
include::terms-join.asciidoc[]
include::vector-style.asciidoc[]
include::vector-style-properties.asciidoc[]

View file

@ -0,0 +1,44 @@
[role="xpack"]
[[maps-vector-style-properties]]
=== Vector style properties
Point, polygon, and line features support different styling properties.
[float]
[[point-style-properties]]
==== Point style properties
*Fill color*:: The fill color of the point features.
*Border color*:: The border color of the point features.
Only applies when the point feature is symbolized as a circle.
*Border width*:: The border width of the point features.
Only applies when the point feature is symbolized as a circle.
*Symbol*:: Specify whether to symbolize the point as a circle or icon.
*Symbol orientation*:: The symbol orientation rotating the icon clockwise.
Only applies when the point feature is symbolized as an icon.
*Symbol size*:: The radius of the symbol size, in pixels.
[float]
[[polygon-style-properties]]
==== Polygon style properties
*Fill color*:: The fill color of the polygon features.
*Border color*:: The border color of the polygon features.
*Border width*:: The border width of the polygon features.
[float]
[[line-style-properties]]
==== Line style properties
*Border color*:: The color of the line features.
*Border width*:: The width of the line features.

View file

@ -3,25 +3,7 @@
=== Vector styling
When styling a vector layer, you can customize your data by property, such as size and color.
For each property, you can specify whether to use a constant or dynamic value for the style.
[float]
[[maps-vector-style-properties]]
==== Style properties
You can configure the following properties.
*Fill color*:: The fill color of the vector features.
+
NOTE: *LineString* and *MultiLineString* geometries do not have fill and do not use the fill color property.
Set border color to style line geometries.
*Border color*:: The border color of the vector features.
*Border width*:: The border width of the vector features.
*Symbol size*:: The symbol size of point features.
For each property, you can specify whether to use a constant or data driven value for the style.
[float]
[[maps-vector-style-static]]
@ -43,9 +25,11 @@ Use data driven styling to symbolize features from a range of numeric property v
To enable data driven styling, click image:maps/images/gs_link_icon.png[] next to the property.
This button is only available when vector features contain numeric properties.
NOTE: *The Fill color* and *Border color* style properties are set to transparent and are not visible
NOTE: The *Fill color* and *Border color* style properties are set to transparent and are not visible
when the property value is undefined for a feature.
*The Border width* and *Symbol size* style properties are set to the minimum size
The *Border width* and *Symbol size* style properties are set to the minimum size
when the property value is undefined for a feature.
The *Symbol orientation* style property is set to 0
when the property value is undefined for a feature.
The image below shows an example of data driven styling using the <<add-sample-data, Kibana sample web logs>> data set.