mirror of
https://github.com/elastic/kibana.git
synced 2025-06-27 18:51:07 -04:00
f4efe1b70b
All this dashboard usability work as sparked some ideas to make better work flows in Maps ### Adding layer Enhance "Add layer" work flow by allowing users to exit wizard after layer is added instead of forcing users to continue wizard even if they do not have any additional configuration changes to make. Old <img width="300" alt="Screen Shot 2023-03-30 at 2 56 56 PM" src="https://user-images.githubusercontent.com/373691/228962788-397e77fe-81b5-438a-a45c-3210101be336.png"> New <img width="300" alt="Screen Shot 2023-03-30 at 2 22 44 PM" src="https://user-images.githubusercontent.com/373691/228962403-ed18f8dc-c518-473d-8dd1-f889f7e51684.png"> ### Editing layer "Save" language in layer editor is poor choice since layer changes are not persisted until user clicks "Save" button in top chrome to save entire map. Updated copy to better reflect action. Old <img width="300" alt="Screen Shot 2023-03-30 at 2 57 16 PM" src="https://user-images.githubusercontent.com/373691/228962822-d923978f-71c4-4c7f-96f9-b003ededfbbe.png"> New <img width="300" alt="Screen Shot 2023-03-30 at 2 49 57 PM" src="https://user-images.githubusercontent.com/373691/228962420-4bd9d554-97ae-4c37-b677-84cd762e3f39.png"> ### Other changes "Map settings" => "Settings" --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
125 lines
3.5 KiB
Text
125 lines
3.5 KiB
Text
[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
|
|
|
|
You can add text labels to your Point features by configuring label style properties.
|
|
|
|
[cols="2*"]
|
|
|===
|
|
|*Label*
|
|
|Specifies label content.
|
|
|*Label position*
|
|
|Place label above, in the center of, or below the Point feature.
|
|
|*Label visibility*
|
|
|Specifies the zoom range for which labels are displayed.
|
|
|*Label color*
|
|
|The text color.
|
|
|*Label size*
|
|
|The size of the text, in pixels.
|
|
|*Label border color*
|
|
|The color of the label border.
|
|
|*Label border width*
|
|
|The width of the label border.
|
|
|===
|
|
|
|
You can symbolize Point features as *Circle markers* or *Icons*.
|
|
|
|
Use *Circle marker* to symbolize Points as circles.
|
|
|
|
[cols="2*"]
|
|
|===
|
|
|*Border color*
|
|
|The border color of the point features.
|
|
|*Border width*
|
|
|The border width of the point features.
|
|
|*Fill color*
|
|
|The fill color of the point features.
|
|
|*Symbol size*
|
|
|The radius of the symbol size, in pixels.
|
|
|===
|
|
|
|
Use *Icon* to symbolize Points as icons.
|
|
|
|
[cols="2*"]
|
|
|===
|
|
|*Border color*
|
|
|The border color of the point features.
|
|
|*Border width*
|
|
|The border width of the point features.
|
|
|*Fill color*
|
|
|The fill color of the point features.
|
|
|*Symbol orientation*
|
|
|The symbol orientation rotating the icon clockwise.
|
|
|*Symbol size*
|
|
|The radius of the symbol size, in pixels.
|
|
|===
|
|
|
|
Available icons
|
|
|
|
[role="screenshot"]
|
|
image::maps/images/maki-icons.png[]
|
|
|
|
Custom Icons
|
|
|
|
You can also use your own SVG icon to style Point features in your map. In **Layer settings** open the *icon* dropdown, and click the **Add custom icon** button. For best results, your SVG icon should be monochrome and have limited details.
|
|
|
|
Dynamic styling in **Elastic Maps** requires rendering SVG icons as PNGs using a https://en.wikipedia.org/wiki/Signed_distance_function[signed distance function]. As a result, sharp corners and intricate details may not render correctly. Modifying the settings under **Advanced Options** in the **Add custom icon** modal may improve rendering.
|
|
|
|
Manage your custom icons in <<maps-settings, settings>>.
|
|
|
|
[float]
|
|
[[polygon-style-properties]]
|
|
==== Polygon style properties
|
|
|
|
[cols="2*"]
|
|
|===
|
|
|*Border color*
|
|
|The border color of the polygon features.
|
|
|*Border width*
|
|
|The border width of the polygon features.
|
|
|*Fill color*
|
|
|The fill color of the polygon features.
|
|
|*Label*
|
|
|Specifies label content. For polygons, the label is positioned at the polygon centroid. For multi-polygons, the label is positioned at the largest polygon centroid.
|
|
|*Label visibility*
|
|
|Specifies the zoom range for which labels are displayed.
|
|
|*Label color*
|
|
|The text color.
|
|
|*Label size*
|
|
|The size of the text, in pixels.
|
|
|*Label border color*
|
|
|The color of the label border.
|
|
|*Label border width*
|
|
|The width of the label border.
|
|
|===
|
|
|
|
|
|
[float]
|
|
[[line-style-properties]]
|
|
==== Line style properties
|
|
|
|
[cols="2*"]
|
|
|===
|
|
|*Border color*
|
|
|The color of the line features.
|
|
|*Border width*
|
|
|The width of the line features.
|
|
|*Label*
|
|
|Specifies label content. For lines, the label is positioned at the center of the line. For multi-lines, the label is positioned at the center of the longest line.
|
|
|*Label visibility*
|
|
|Specifies the zoom range for which labels are displayed.
|
|
|*Label color*
|
|
|The text color.
|
|
|*Label size*
|
|
|The size of the text, in pixels.
|
|
|*Label border color*
|
|
|The color of the label border.
|
|
|*Label border width*
|
|
|The width of the label border.
|
|
|===
|