IdeaMap Test Page

Testing the new layer handling system from Issue #83

Scenario 1: Basic Map

Default configuration with layer controls and drawing tools

Scenario 2: Custom Available Layers

Different set of available overlay layers (kata, svup18 instead of inim, sonu)

Scenario 3: Minimal Map

No controls, just the map

Test Instructions

Layer State Management Tests:

  1. Layer Visibility: Toggle layers on/off using the checkboxes. Verify layers appear/disappear correctly.
  2. Layer Opacity: Adjust opacity sliders. Verify layers become more/less transparent.
  3. Drawing Tools: Add markers, lines, or polygons. Verify they don't interfere with layer visibility.
  4. URL Sharing: Add features and change layers, then copy the URL. Verify the URL contains the features parameter.
  5. Feature Restoration: Paste a URL with features. Verify features are restored AND layers remain visible.

Critical Test (Issue #83):

Test URL:

http://localhost:4321/test-idea-map#15/59.343819/24.589148/hall/inim,sonu,svup0.80/0?features=eyJ0eXBlIjoiRmVhdHVyZUNvbGxlY3Rpb24iLCJmZWF0dXJlcyI6W3siaWQiOiJUZjJRNlRpNnF2YU91Q2lPUFN3cXNNNHc4T0RDR0V6WSIsInR5cGUiOiJGZWF0dXJlIiwicHJvcGVydGllcyI6eyJuYW1lIjoiS29pZHUgcGFyayIsInJlcG9ydGVyX25hbWUiOiJUb3JtaSBUYWJvciIsInJlcG9ydGVyX2VtYWlsIjoidG9ybWkudGFib3JAZ21haWwuY29tIiwicmVwb3J0ZXJfcGhvbmUiOiI1NDUxMzAwMCIsIm1hcmtlci1jb2xvciI6IiNmYWNjMTUiLCJtYXJrZXItc2l6ZSI6Im1lZGl1bSIsIm1hcmtlci1zeW1ib2wiOiJyZXN0YXVyYW50In0sImdlb21ldHJ5Ijp7ImNvb3JkaW5hdGVzIjpbMjQuNTkwODIxMjU1MzgzOTU4LDU5LjM0Mzg3ODgyOTU3OTQ5NV0sInR5cGUiOiJQb2ludCJ9fV19

Expected Result:

  • ✅ Yellow restaurant marker appears for "Koidu park"
  • ✅ Inimesed layer remains visible (not hidden)
  • ✅ Sõnumid layer remains visible
  • ✅ SVUP layer visible with 80% opacity
  • ✅ No layer state conflicts

Previous Behavior (PlanningMap):

  • ❌ Adding marker would hide Inimesed layer
  • ❌ Layer state would become inconsistent
  • ❌ URL hash wouldn't reflect actual layer state

Debug Information

Open browser console to see layer handling debug messages.