[MapComponent] Multi-layer support

[giosal]

Hello,

I've recently checked out the Symfony UX Map Component as I wanted to migrate the page with Leaflet JavaScript to Symfony UX Map, however I found that for now you don't support neither multiple tile layers (with an option to switch between them), nor multiple data layers (with an option to display one or multiple layers at the same time).

I'm talking about something like this:

I wanted to know if this feature is coming. If so, do you have an estimate? If not, do you have any guidelines on how I might be able to migrate this Leaflet functionality to Symfony UX?

[Kocal]

Hi @giosal, do you have some documentation about this feature?

[smnandre]

You have access to the map instance with the various js event provided, you can use them if you want!

[giosal]

Hi @giosal, do you have some documentation about this feature?

Here's the link to the documentation of Leaflet.js
And here's an example code:

var osm = L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19,
    attribution: '© [OpenStreetMap](http://www.openstreetmap.org/copyright)'
});
var osmHOT = L.tileLayer('https://{s}.tile.openstreetmap.fr/hot/{z}/{x}/{y}.png', {
    maxZoom: 19,
    attribution: '© [OpenStreetMap](https://www.openstreetmap.org/copyright) contributors, Tiles style by [Humanitarian OpenStreetMap Team](https://www.hotosm.org/) hosted by [OpenStreetMap France](https://openstreetmap.fr/)'});
var map = L.map('map', {
    center: [39.73, -104.99],
    zoom: 10,
    layers: [osm, cities]
});

So, this way you can have multiple layers for the tiles that the user can select as in the original screenshot