Removing code that had been commented out.

src/components/map/Map.tsx

@@ -10,11 +10,7 @@ import Attribution from 'ol/control/Attribution';
 import Rotate from 'ol/control/Rotate';
 import ScaleLine from 'ol/control/ScaleLine';
 import Control from 'ol/control/Control';
-import {
-  fromLonLat,
-  toLonLat,
-  useGeographic as olUseGeographic,
-} from 'ol/proj';
+import { fromLonLat, toLonLat } from 'ol/proj';
 import DragRotate from 'ol/interaction/DragRotate';
 
 import 'ol/ol.css';
@@ -307,15 +303,7 @@ const Map: Component = () => {
         //   feature,
         // });
         if (feature.get('sub-type') === 'tourism') {
-          return new Point(
-            olExtent.getCenter(feature.getGeometry().getExtent())
-          );
-          // return new Point(
-          //   toLonLat(
-          //     olExtent.getCenter(feature.getGeometry().getExtent()),
-          //     olMap.getView().getProjection()
-          //   )
-          // );
+          return feature.getGeometry();
         }
         return null;
       },
@@ -327,12 +315,6 @@ const Map: Component = () => {
         // });
 
         return new Feature({
-          // geometry: new Point(
-          //   toLonLat(
-          //     olExtent.getCenter(point.getExtent()),
-          //     olMap.getView().getProjection()
-          //   )
-          // ),
           geometry: point,
           features: features,
           type: 'cluster',
@@ -362,20 +344,6 @@ const Map: Component = () => {
     olMap.addLayer(clusterLayer);
 
     setMap(olMap);
-
-    // console.log({
-    //   caller: 'Map / projections',
-    //   olMap,
-    //   projections: {
-    //     map: olMap.getView().getProjection(),
-    //     vectorSource: vectorLayer.getSource()?.getProjection(),
-    //     clusterSource: clusterLayer.getSource().getProjection(),
-    //     clusterSourceSource: clusterLayer
-    //       .getSource()
-    //       ?.getSource()
-    //       .getProjection(),
-    //   },
-    // });
   });
 
   return (