From 0cc2daf239b016a7edc06eaa7dad4c6aa61c3028 Mon Sep 17 00:00:00 2001
From: "basel.issmail" <basel.issmail@gmail.com>
Date: Fri, 17 Dec 2021 23:11:11 +0200
Subject: [PATCH] Make label in front of billboard

---
 src/components/molecules/Visualizer/Engine/Cesium/Cluster.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/Visualizer/Engine/Cesium/Cluster.tsx b/src/components/molecules/Visualizer/Engine/Cesium/Cluster.tsx
index c89dcdb2c..6d585fde6 100644
--- a/src/components/molecules/Visualizer/Engine/Cesium/Cluster.tsx
+++ b/src/components/molecules/Visualizer/Engine/Cesium/Cluster.tsx
@@ -1,4 +1,4 @@
-import { Color, EntityCluster, HorizontalOrigin, VerticalOrigin } from "cesium";
+import { Color, Cartesian3, EntityCluster, HorizontalOrigin, VerticalOrigin } from "cesium";
 import React, { useEffect, useMemo } from "react";
 import { CustomDataSource } from "resium";
 
@@ -82,6 +82,7 @@ const Cluster: React.FC<Props> = ({
       clusterParam.label.fillColor = Color.fromCssColorString(
         clusterLabelTypography.color ?? "#FFF",
       );
+      clusterParam.label.eyeOffset = new Cartesian3(0, 0, -5);
       clusterParam.billboard.show = true;
       clusterParam.billboard.image = clusterImage;
       clusterParam.billboard.height = clusterImageWidth;