I'm currently evaluating Windy Pro for a project, we are looking at having two maps side by side on the screen.

There seems to be a conflict somewhere and I can't find an answer here.

If the LeafletJS CSS is loaded the LeafletJS Map displays correctly (using OpenStreetsMap layer), but the WIndy map doesn't display correctly due to the CSS issues. If I do not load the LeafletJS CSS the Windy Map displays correctly but the 2nd Leaflet Map doesn't display correctly.

I've setup a test page linked below, this is just Bootstrap 4, JQuery and LeafletJS & Windy.

If anyone has any advice or suggestions that would be very much appreciated as Windy gives us exactly what we need for our application, but we need to be able to have the 2nd map next to it for different data display.

https://mdodesign.co.uk/maps/with-css.html

Thanks

Are you going to support newer versions of Leafjet or fix the issues so that a Leaflet OSM and Windy map can be displayed on the same page?

Thanks

I'm currently evaluating Windy Pro for a project, we are looking at having two maps side by side on the screen.

There seems to be a conflict somewhere and I can't find an answer here.

If the LeafletJS CSS is loaded the LeafletJS Map displays correctly (using OpenStreetsMap layer), but the WIndy map doesn't display correctly due to the CSS issues. If I do not load the LeafletJS CSS the Windy Map displays correctly but the 2nd Leaflet Map doesn't display correctly.

I've setup a test page linked below, this is just Bootstrap 4, JQuery and LeafletJS & Windy.

If anyone has any advice or suggestions that would be very much appreciated as Windy gives us exactly what we need for our application, but we need to be able to have the 2nd map next to it for different data display.

https://mdodesign.co.uk/maps/with-css.html

Thanks