diff --git a/src/plugins/layers/useEarthquakes.js b/src/plugins/layers/useEarthquakes.js index 6837d01..c00907c 100644 --- a/src/plugins/layers/useEarthquakes.js +++ b/src/plugins/layers/useEarthquakes.js @@ -104,7 +104,15 @@ export function useLayer({ enabled = false, opacity = 0.9, map = null }) { else if (mag < 7) color = '#cc0000'; // Dark red - major else color = '#990000'; // Very dark red - great - // Create earthquake icon marker with high visibility + // Create earthquake icon marker with seismic wave visualization + const waveIcon = ` + + + + + + `; + const icon = L.divIcon({ className: 'earthquake-icon', html: `
🌋
`, + ">${waveIcon}`, iconSize: [size, size], iconAnchor: [size/2, size/2] });