@smartnet360/svelte-components 0.0.81 → 0.0.82

package/dist/map-v2/features/cells/utils/cellGeoJSON.js

@@ -51,6 +51,8 @@ export function cellsToGeoJSON(cells, currentZoom, baseRadius = 500, groupColorM
                 cellID: cell.cellID,
                 cellName: cell.cellName,
                 siteId: cell.siteId,
+                latitude: cell.latitude,
+                longitude: cell.longitude,
                 // Cell attributes
                 tech: cell.tech,
                 band: cell.frq,

package/dist/map-v2/shared/controls/FeatureSelectionControl.svelte

@@ -14,6 +14,7 @@
 	
 	import { onMount, onDestroy, getContext } from 'svelte';
 	import { get } from 'svelte/store';
+	import mapboxgl from 'mapbox-gl';
 	import MapControl from './MapControl.svelte';
 	import { createFeatureSelectionStore, type SelectedFeature } from './featureSelectionStore.svelte';
 	import { MAP_CONTEXT_KEY, type MapStore } from '../../core/types';
@@ -47,7 +48,7 @@
 		onAction,
 		actionButtonLabel = 'Process Cluster',
 		featureIcon = 'geo-alt-fill',
-		idPropertyOptions = ['siteId', 'cellName','id'],
+		idPropertyOptions = ['siteId','sectorId', 'cellName','id'],
 		defaultIdProperty = 'siteId'
 	}: Props = $props();
 	
@@ -69,6 +70,9 @@
 	// Track collapsed state
 	let isCollapsed = $state(false);
 	
+	// Track markers for selected features
+	let markers = new Map<string, mapboxgl.Marker>();
+	
 	// Subscribe to map store and initialize when map becomes available
 	let unsubscribe: (() => void) | null = null;
 	
@@ -92,10 +96,63 @@
 		if (unsubscribe) {
 			unsubscribe();
 		}
+		// Remove all markers
+		clearAllMarkers();
 		// Cleanup event handlers
 		store.destroy();
 	});
 	
+	// Update markers when selected features change
+	$effect(() => {
+		updateMarkers(selectedFeatures);
+	});
+	
+	function updateMarkers(features: SelectedFeature[]) {
+		console.log('[FeatureSelectionControl] Updating markers for', features.length, 'features');
+		
+		// Get current map
+		const map = get(mapStore);
+		if (!map) return;
+		
+		// Remove markers that are no longer in the selection
+		const currentIds = new Set(features.map(f => f.id));
+		for (const [id, marker] of markers.entries()) {
+			if (!currentIds.has(id)) {
+				marker.remove();
+				markers.delete(id);
+				console.log('[FeatureSelectionControl] Removed marker for', id);
+			}
+		}
+		
+		// Add markers for new selections
+		for (const feature of features) {
+			if (!markers.has(feature.id)) {
+				// Try to extract coordinates from properties
+				const lat = feature.properties?.latitude || feature.properties?.lat;
+				const lon = feature.properties?.longitude || feature.properties?.lon || feature.properties?.lng;
+				
+				if (lat && lon) {
+					const marker = new mapboxgl.Marker({ color: '#FF6B35' })
+						.setLngLat([lon, lat])
+						.addTo(map);
+					
+					markers.set(feature.id, marker);
+					console.log('[FeatureSelectionControl] Added marker for', feature.id, 'at', [lon, lat]);
+				} else {
+					console.warn('[FeatureSelectionControl] No coordinates found for feature', feature.id);
+				}
+			}
+		}
+	}
+	
+	function clearAllMarkers() {
+		for (const marker of markers.values()) {
+			marker.remove();
+		}
+		markers.clear();
+		console.log('[FeatureSelectionControl] All markers cleared');
+	}
+	
 	function handleCollapseToggle(collapsed: boolean) {
 		isCollapsed = collapsed;
 		// When control is expanded, enable selection mode
@@ -119,6 +176,7 @@
 	
 	function handleClearAll() {
 		store.clearSelection();
+		clearAllMarkers();
 	}
 	
 	async function handleCopy() {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.81",
+	"version": "0.0.82",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",