From 979ceb3453826d1415b5e103308b39ded1ef3742 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Mon, 14 Apr 2025 13:38:47 +0300
Subject: [PATCH] UI: Updated map help function. Added hint to need add key

---
 .../assets/help/en_US/widget/lib/map/clustering_color_fn.md    | 3 ++-
 .../src/assets/help/en_US/widget/lib/map/color_fn_examples.md  | 3 ++-
 .../src/assets/help/en_US/widget/lib/map/label_fn_examples.md  | 3 ++-
 ui-ngx/src/assets/help/en_US/widget/lib/map/marker_image_fn.md | 3 ++-
 .../assets/help/en_US/widget/lib/map/tooltip_fn_examples.md    | 3 ++-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/ui-ngx/src/assets/help/en_US/widget/lib/map/clustering_color_fn.md b/ui-ngx/src/assets/help/en_US/widget/lib/map/clustering_color_fn.md
index 33d4df2f18..36c2340970 100644
--- a/ui-ngx/src/assets/help/en_US/widget/lib/map/clustering_color_fn.md
+++ b/ui-ngx/src/assets/help/en_US/widget/lib/map/clustering_color_fn.md
@@ -30,7 +30,8 @@ In case no data is returned, default colors will be used depending on number of
 
 <ul>
 <li>
-Calculate color depending on temperature telemetry value:
+Calculate color depending on temperature telemetry value.<br/>
+Ensure that the <code>temperature</code> key is included in the <b>additional data keys</b> configuration.
 </li>
 
 
diff --git a/ui-ngx/src/assets/help/en_US/widget/lib/map/color_fn_examples.md b/ui-ngx/src/assets/help/en_US/widget/lib/map/color_fn_examples.md
index 8c3631bde7..7d728bf455 100644
--- a/ui-ngx/src/assets/help/en_US/widget/lib/map/color_fn_examples.md
+++ b/ui-ngx/src/assets/help/en_US/widget/lib/map/color_fn_examples.md
@@ -1,6 +1,7 @@
 ##### Examples
 
-* Calculate color depending on `temperature` telemetry value for `thermostat` device type:
+* Calculate color depending on `temperature` telemetry value for `thermostat` device type.<br>
+  Ensure that the <code>Type</code> and <code>temperature</code> keys are included in the <b>additional data keys</b> configuration:
 
 ```javascript
 var type = data.Type;
diff --git a/ui-ngx/src/assets/help/en_US/widget/lib/map/label_fn_examples.md b/ui-ngx/src/assets/help/en_US/widget/lib/map/label_fn_examples.md
index 2e2ecfabec..7208179645 100644
--- a/ui-ngx/src/assets/help/en_US/widget/lib/map/label_fn_examples.md
+++ b/ui-ngx/src/assets/help/en_US/widget/lib/map/label_fn_examples.md
@@ -1,6 +1,7 @@
 ##### Examples
 
-* Display styled label with corresponding latest telemetry data for `energy meter` or `thermometer` device types:
+* Display styled label with corresponding latest telemetry data for `energy meter` or `thermometer` device types.<br/>
+  Ensure that the <code>Type</code>, <code>energy</code> and <code>temperature</code> keys are included in the <b>additional data keys</b> configuration:
 
 ```javascript
 var deviceType = data.Type;
diff --git a/ui-ngx/src/assets/help/en_US/widget/lib/map/marker_image_fn.md b/ui-ngx/src/assets/help/en_US/widget/lib/map/marker_image_fn.md
index ed8b82d4cc..57f8b0eec6 100644
--- a/ui-ngx/src/assets/help/en_US/widget/lib/map/marker_image_fn.md
+++ b/ui-ngx/src/assets/help/en_US/widget/lib/map/marker_image_fn.md
@@ -40,7 +40,8 @@ In case no data is returned, default marker image will be used.
 <ul>
 <li>
 Calculate image url depending on <code>temperature</code> telemetry value for <code>thermometer</code> device type.<br>
-Let's assume 4 images are defined in <b>Marker images</b> section. Each image corresponds to particular temperature level:
+Let's assume 4 images are defined in <b>Marker images</b> section. Each image corresponds to particular temperature level.<br/>
+Ensure that the <code>Type</code> and <code>temperature</code> keys are included in the <b>additional data keys</b> configuration:
 </li>
 </ul>
 
diff --git a/ui-ngx/src/assets/help/en_US/widget/lib/map/tooltip_fn_examples.md b/ui-ngx/src/assets/help/en_US/widget/lib/map/tooltip_fn_examples.md
index 34f8e06e0f..aba6fea32a 100644
--- a/ui-ngx/src/assets/help/en_US/widget/lib/map/tooltip_fn_examples.md
+++ b/ui-ngx/src/assets/help/en_US/widget/lib/map/tooltip_fn_examples.md
@@ -1,6 +1,7 @@
 ##### Examples
 
-* Display details with corresponding telemetry data for `energy meter` or `thermometer` device types:
+* Display details with corresponding telemetry data for `energy meter` or `thermometer` device types.<br/>
+  Ensure that the <code>Type</code>, <code>energy</code> and <code>temperature</code> keys are included in the <b>additional data keys</b> configuration:
 
 ```javascript
 var deviceType = data.Type;