From 96cd1e9f2cfbc50f4e6d393490bc5c27a0dc07a3 Mon Sep 17 00:00:00 2001 From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com> Date: Mon, 11 Apr 2022 13:04:04 -0500 Subject: [PATCH] [DOCS] [Maps] Add documentation for custom icons (#129530) (#129925) (cherry picked from commit f32faab84d1c60c045e8ad1d638105de7440302f) Co-authored-by: Nick Peihl --- docs/maps/map-settings.asciidoc | 6 ++++++ docs/maps/vector-style-properties.asciidoc | 8 ++++++++ 2 files changed, 14 insertions(+) diff --git a/docs/maps/map-settings.asciidoc b/docs/maps/map-settings.asciidoc index 21582c3e0c67f..5f353f99da375 100644 --- a/docs/maps/map-settings.asciidoc +++ b/docs/maps/map-settings.asciidoc @@ -5,6 +5,12 @@ Maps offers settings that let you configure how a map is displayed. To access these settings, click *Map settings* in the application toolbar. +[float] +[[maps-settings-custom-icons]] +=== Custom icons + +Add, edit, or delete custom icons for the map. Icons added to the map can be used for <>. + [float] [[maps-settings-display]] === Display diff --git a/docs/maps/vector-style-properties.asciidoc b/docs/maps/vector-style-properties.asciidoc index ac06ba32e6e40..5bedfba28ada0 100644 --- a/docs/maps/vector-style-properties.asciidoc +++ b/docs/maps/vector-style-properties.asciidoc @@ -61,6 +61,14 @@ 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 <>. + [float] [[polygon-style-properties]] ==== Polygon style properties