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.