vue-geojson-view-ts 1.3.9 → 1.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-geojson-view-ts",
-  "version": "1.3.9",
+  "version": "1.3.10",
   "type": "module",
   "files": [
     "dist",

package/src/components/MapView.vue

@@ -307,8 +307,7 @@ export default defineComponent({
                 feature.geometry.type === "MultiPolygon" ||
                 feature.geometry.type === "LineString" ||
                 feature.geometry.type === "MultiLineString" ||
-                feature.geometry.type === "Point" ||
-                feature.geometry.type === "MultiPoint"
+                feature.geometry.type === "Point"
               ) {
                 L.geoJson(feature, {
                   pointToLayer: this.getPointToLayer.bind(this),
@@ -416,38 +415,33 @@ export default defineComponent({
     getPointToLayer(feature: any, latlng: any) {
       const geometryType = feature.geometry?.type;
 
-      // Si es Point o MultiPoint
-      if (geometryType === "Point" || geometryType === "MultiPoint") {
-        // Si multipoint está habilitado, usar circleMarker con opciones personalizadas
-        if (this.configurationMap?.createFigures?.multipoint) {
-          const multipointOpts = this.configurationMap.createFigures.multipoint;
-          return L.circleMarker(latlng, {
-            color: multipointOpts.color || "green",
-            fillColor: multipointOpts.fillColor || "green",
-            fillOpacity: multipointOpts.fillOpacity ?? 0.8,
-            radius: multipointOpts.radius ?? 6,
-            weight: multipointOpts.weight ?? 2,
-          });
-        }
+      // Point: icono según properties.tipo
+      if (geometryType === "Point") {
+        const tipo = feature.properties?.tipo;
+        const firstIcon = L.icon({
+          iconUrl: "/image/home.png",
+          iconSize: [38, 38],
+          iconAnchor: [16, 41],
+        });
+        const lastIcon = L.icon({
+          iconUrl: "/image/end.png",
+          iconSize: [38, 38],
+          iconAnchor: [16, 41],
+        });
+        const pointerIcon = L.icon({
+          iconUrl: "/image/tracking.png",
+          iconSize: [38, 38],
+          iconAnchor: [16, 41],
+        });
 
-        // Si marker está habilitado, usar icono personalizado
-        if (this.configurationMap?.createFigures?.marker) {
-          return L.marker(latlng, {
-            icon: L.icon(this.configurationMap.iconMarker || this.markerIcon),
-          });
-        }
+        let icon = pointerIcon;
+        if (tipo === 0) icon = firstIcon;
+        else if (tipo === 1) icon = lastIcon;
 
-        // Por defecto, usar circleMarker básico
-        return L.circleMarker(latlng, {
-          color: "green",
-          fillColor: "green",
-          fillOpacity: 0.8,
-          radius: 6,
-          weight: 2,
-        });
+        return L.marker(latlng, { icon });
       }
 
-      // Para otros tipos de geometría, dejar que Leaflet use el valor por defecto
+      // Otros tipos: icono por defecto
       return L.marker(latlng);
     },
     async searchAddress(query: string) {