Ability to use custom WMS/WMTS layers inside app

[ptbrowne]

This PR uses the custom WMTS chooser that was previously done only in Storybook and integrate it into the app.

How to test

1. Open Photovoltaik
2. Switch to map
3. Click "Map display" inside chart options
4. Click Add layer
5. It is possible to choose a WMS/WMTS server, see the layers displayed as a tree
6. Select a layer / deselect it, it should appear on the map
7. When going back, you can see the added layers, reorder them, deselect them

TODO

• Some layers do not display, I do not know yet if it's because some servers do not send CORS or if it's a bug on our side
• Sometimes "Unknown layers" is shown

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
visualization-tool	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 24, 2025 1:13pm

[ptbrowne]

Thanks for your comments @bprusinowski , all very useful. I have solved the majority of them.

I think now that we have this foundation for custom layers, I will potentially port the code from https://github.com/geoadmin/web-mapviewer/blob/b32e10b678a00fd5e9df79ba1f98b32fd6684f01/packages/mapviewer/src/api/layers/WMSCapabilitiesParser.class.js#L48 since it tries to handle more cases than the default WMS/WMTS parsers. I can do that this afternoon to see if it unblocks more providers.

I would still like to merge this PR since it brings the new UI and already some providers are working. What do you think ?

[bprusinowski]

Of course, sounds like a good approach 💯