DBC22-6776: switch to fixed pixels to cluster icons

Author: bcgov-brwang

src/frontend/src/Components/map/layers/index.js

@@ -41,25 +41,13 @@ const layerUpdateFuncMap = {
   dms: updateDmsLayer,
 }
 
-const CLUSTER_DISTANCE_METERS = 178571; // 178 km converted to about 50 pixel on the map has the best effect when zoom in/out
-let pixelDistance = 50; // defalt pixel 50 has the best effect
-
 export const loadLayer = (mapLayers, mapRef, mapContext, key, dataList, filteredDataList, zIndex, referenceData, updateReferenceFeature, setLoadingLayers) => {
   // Always remove and regenerate route layer
   if (key == 'routeLayer') {
     mapRef.current.removeLayer(mapLayers.current[key]);
   }
 
   const view = mapRef.current.getView();
-  
-  function updateClusterDistance() {
-    const resolution = view.getResolution(); // meters per pixel
-    // Convert meters to pixels
-    pixelDistance = CLUSTER_DISTANCE_METERS / resolution;
-  }
-
-  view.on('change:resolution', updateClusterDistance);
-  updateClusterDistance();
 
   if (dataList) {
     if (!mapLayers.current[key] || key == 'routeLayer') {
@@ -71,7 +59,7 @@ export const loadLayer = (mapLayers, mapRef, mapContext, key, dataList, filtered
         referenceData,
         updateReferenceFeature,
         setLoadingLayers,
-        pixelDistance
+        50
       );
 
       mapRef.current.addLayer(mapLayers.current[key]);