public/site/blueprints/pages/marker.yml

@@ -55,24 +55,3 @@ tabs:
                 type: map-editor
                 mode: single
                 help: Déplacez le marqueur
-              markerIcon:
-                label: Icône personnalisée
-                type: files
-                multiple: false
-                accept:
-                  - image/jpeg
-                  - image/png
-                  - image/svg+xml
-                width: 1/2
-                help: Image à utiliser comme marqueur (JPG, PNG ou SVG). Laissez vide pour utiliser le marqueur par défaut.
-
-              markerIconSize:
-                label: Taille de l'icône
-                type: range
-                min: 20
-                max: 500
-                step: 5
-                default: 40
-                after: px
-                width: 1/2
-                help: Taille de l'icône en pixels

public/site/plugins/map-editor/index.php

@@ -28,23 +28,6 @@ Kirby::plugin('geoproject/map-editor', [
                 },
                 'longitude' => function ($longitude = null) {
                     return $longitude;
-                },
-                'markerIconUrl' => function ($markerIconUrl = null) {
-                    // Auto-detect marker icon from page files
-                    if ($markerIconUrl === null && $this->model()) {
-                        $iconFile = $this->model()->markerIcon()->toFile();
-                        if ($iconFile) {
-                            return $iconFile->url();
-                        }
-                    }
-                    return $markerIconUrl;
-                },
-                'markerIconSize' => function ($markerIconSize = 40) {
-                    // Auto-detect marker icon size from page
-                    if ($this->model() && $this->model()->markerIconSize()->isNotEmpty()) {
-                        return (int) $this->model()->markerIconSize()->value();
-                    }
-                    return $markerIconSize;
                 }
             ]
         ]

public/site/plugins/map-editor/src/components/field/MapEditor.vue

@@ -79,14 +79,6 @@ export default {
       type: [Number, String],
       default: null,
     },
-    markerIconUrl: {
-      type: String,
-      default: null,
-    },
-    markerIconSize: {
-      type: Number,
-      default: 40,
-    },
   },
 
   setup(props, { emit }) {
@@ -146,8 +138,6 @@ export default {
             id: 'single-marker',
             position: { lat, lon },
             title: 'Current position',
-            iconUrl: props.markerIconUrl,
-            iconSize: props.markerIconSize,
           }];
         }
         return [];

public/site/plugins/map-editor/src/components/map/GeocodeSearch.vue

@@ -214,7 +214,7 @@ export default {
   font-size: 0.875rem;
   background: var(--color-white);
   transition: border-color 0.2s;
-  color: #fff;
+  color: #000;
   background: var(--input-color-back);
 }
 

public/site/plugins/map-editor/src/components/map/MapPreview.vue

@@ -181,40 +181,20 @@ export default {
       const el = document.createElement("div");
       el.className = "custom-marker";
 
-      // Check if custom icon is provided
+      // Create inner wrapper for visual transforms (isolates from MapLibre transforms)
-      if (markerData.iconUrl) {
+      const inner = document.createElement("div");
-        // Use custom image
+      inner.className = "marker-inner";
-        el.classList.add("custom-icon");
+      if (props.selectedMarkerId === markerData.id) {
-        const img = document.createElement("img");
+        inner.classList.add("selected");
-        img.src = markerData.iconUrl;
-        img.className = "marker-icon-image";
-
-        // Set size from marker data or default to 40px
-        const size = markerData.iconSize || 40;
-        img.style.width = `${size}px`;
-        img.style.height = `${size}px`;
-
-        if (props.selectedMarkerId === markerData.id) {
-          img.classList.add("selected");
-        }
-        el.appendChild(img);
-      } else {
-        // Use default pin marker
-        // Create inner wrapper for visual transforms (isolates from MapLibre transforms)
-        const inner = document.createElement("div");
-        inner.className = "marker-inner";
-        if (props.selectedMarkerId === markerData.id) {
-          inner.classList.add("selected");
-        }
-
-        // Add marker number
-        const numberEl = document.createElement("div");
-        numberEl.className = "marker-number";
-        numberEl.textContent = index + 1;
-        inner.appendChild(numberEl);
-        el.appendChild(inner);
       }
 
+      // Add marker number
+      const numberEl = document.createElement("div");
+      numberEl.className = "marker-number";
+      numberEl.textContent = index + 1;
+      inner.appendChild(numberEl);
+      el.appendChild(inner);
+
       try {
         const coords = [markerData.position.lon, markerData.position.lat];
 
@@ -272,7 +252,6 @@ export default {
     function updateMarkerSelection(selectedId) {
       markerElements.value.forEach(({ element }, markerId) => {
         if (element) {
-          // Handle default pin marker
           const inner = element.querySelector('.marker-inner');
           if (inner) {
             if (markerId === selectedId) {
@@ -281,16 +260,6 @@ export default {
               inner.classList.remove("selected");
             }
           }
-
-          // Handle custom icon marker
-          const img = element.querySelector('.marker-icon-image');
-          if (img) {
-            if (markerId === selectedId) {
-              img.classList.add("selected");
-            } else {
-              img.classList.remove("selected");
-            }
-          }
         }
       });
     }
@@ -430,30 +399,6 @@ export default {
   pointer-events: none;
 }
 
-/* Custom icon marker */
-.custom-marker.custom-icon {
-  cursor: grab;
-}
-
-.custom-marker.custom-icon:active {
-  cursor: grabbing;
-}
-
-.marker-icon-image {
-  object-fit: contain;
-  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
-  transition: all 0.2s;
-}
-
-.marker-icon-image:hover {
-  transform: scale(1.1);
-  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));
-}
-
-.marker-icon-image.selected {
-  filter: drop-shadow(0 4px 12px rgba(52, 152, 219, 0.8));
-}
-
 /* MapLibre controls styling */
 .maplibregl-ctrl-group {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);