- Changed from transparent emoji to solid colored circles
- Added white border and box-shadow for visibility
- Background color = magnitude/age color
- Emoji (🌋/⚡) centered on colored circle
- Much more visible on all map backgrounds
- Size: 12-36px for earthquakes, 12-32px for lightning
- Added zIndexOffset: 10000 to marker options
- Increased CSS z-index from 1000 to 10000 !important
- Added position: relative to icon containers
- This ensures icons appear on top of all other map layers
- Markers are created and logged correctly but were behind other layers
Lightning:
- Strike IDs now include rounded timestamp (10s intervals)
- This allows strikes to 'cycle' and be detected as new every 10 seconds
- Strikes stay at same location but IDs change to trigger updates
- Stats panel now updates properly every 30 seconds
Earthquakes:
- Added console logging to debug why markers don't appear
- Logs: fetch count, enabled state, marker creation count
- Will help identify if it's a data fetch or rendering issue
- Changed seed from time-based (changes every minute) to index-based (permanent)
- Each strike index (0-49) always appears at the exact same location
- Strike ages cycle over 30 minutes (strike appears fresh, ages out, reappears)
- Fixed the 'dropping/sliding' bug completely
- Strikes now only move when they age out (after 30 minutes)
CRITICAL FIX - Lightning was still moving because:
- ID was stable (good)
- BUT actual lat/lon used Math.random() every refresh (bad!)
- Result: Same ID, different position = markers moved
Solution - Seeded Random Generator:
- Use current minute as seed
- Generate consistent positions within each minute
- Same strike ID always gets same lat/lon
- Uses simple Linear Congruential Generator (LCG)
Changes:
- Replace Math.random() with seeded random
- Base seed on Math.floor(now / 60000)
- Each strike index generates consistent offsets
- Use rounded positions for both ID and coordinates
- Positions stable for entire minute, then slowly evolve
Also updated Earthquakes:
- Changed feed to all_hour.geojson (more data for testing)
- Updated metadata to v1.2.0
- Updated description to reflect 1-hour data
Result:
- Lightning strikes stay in EXACT same position
- No more moving/dropping/scrolling
- Icons only appear to move when they age out (30 min)
- Professional, stable behavior
Major visual improvements and Lightning stability fix:
LIGHTNING FIXES:
- Fixed 'dropping' issue: Stable IDs based on rounded location + minute
- Was generating new IDs every refresh (timestamp-based)
- Now: ID = rounded_time + rounded_lat + rounded_lon
- Result: Same strikes keep same ID across refreshes
VISUAL IMPROVEMENTS - Icons instead of circles:
Earthquakes (🌋):
- Replaced circle markers with volcano emoji icon
- Size scales with magnitude (12-36px)
- Color-coded by magnitude (yellow → dark red)
- NEW: Shaking animation with rotation and translation
- Shake effect: vibrates at exact location (no sliding)
Lightning (⚡):
- Replaced circle markers with lightning bolt emoji icon
- Size scales with intensity (12-32px)
- Color-coded by age (gold → brown)
- Bright flash animation with gold glow
- Icons much more recognizable than circles
ANIMATION IMPROVEMENTS:
- Earthquake: Shakes in place with 0-2px movement + rotation
- Lightning: Flashes with brightness + gold shadow
- Both: Icons stay at exact coordinates
- No more 'dropping' or 'sliding' effects
Benefits:
- Immediately recognizable event types
- Professional appearance
- Better visual hierarchy
- Icons scale better at different zoom levels
The 'dropping to bottom of screen' effect was caused by ALL markers
animating on every data refresh, not just truly new events.
Root cause:
- On first plugin enable: previousQuakeIds/previousStrikeIds is empty
- Every marker looked 'new' and animated
- On data refresh (every 5 min): all markers recreated and animated
- Result: appeared as if markers were 'dropping' or 'falling'
Solution:
- Added isFirstLoad ref flag for both plugins
- First load: populate previousIds but DON'T animate
- Subsequent loads: only animate truly NEW events
- isNew = !isFirstLoad && !previousIds.has(id)
Behavior now:
- Enable plugin: Markers appear static (no animation)
- Wait 5 min refresh: Still static (no animation)
- NEW earthquake/strike detected: ONLY that one animates
- Result: Clean, professional, no 'dropping' effect
Applies to:
- Earthquakes: Fixed
- Lightning: Fixed
Added minimize/maximize functionality to Lightning Activity panel:
- Click header or toggle button (▼/▶) to minimize/maximize
- State persists in localStorage (lightning-stats-minimized)
- Minimized state restores on page reload
- Consistent with WSPR and Gray Line plugins
All control panels now have minimize functionality:
- WSPR: Filter, Stats, Legend, Chart panels ✓
- Gray Line: Control panel ✓
- Lightning: Stats panel ✓ (NEW)
- Earthquakes: No control panels (markers only)
- Aurora: No control panels (overlay only)
- Weather Radar: No control panels (tile layer only)
Same issue as earthquakes - all lightning markers were continuously
animating instead of just new strikes.
Fix:
- Remove infinite animation from .lightning-strike CSS class
- All markers start with static 'lightning-strike' class
- For new strikes: add marker to map first, then animate
- Wait 10ms for DOM element, then add 'lightning-strike-new' class
- Remove animation class after 0.8s (animation duration)
- Added try/catch with console.warn for safety
- Remove duplicate marker.addTo(map) call
Result:
- New strikes: Flash animation (0.8s) + pulse ring (2s)
- After animation: Marker becomes static
- Old strikes: No animation, always static
trancen