<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Map Forecast: Windy UI (logo&#x2F;zoom&#x2F;legend) hidden under tiles until zoom&#x2F;pan (Vue 2 + Leaflet 1.4)]]></title><description><![CDATA[<p dir="auto"><img src="/assets/uploads/files/1756304993157-31f29a16-5ec6-4e4f-b58d-6139b69de09d-image.png" alt="31f29a16-5ec6-4e4f-b58d-6139b69de09d-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">I’ve integrating Windy Map Forecast via libBoot.js into a Vue 2 app. The map renders and authorizes correctly, but the built-in Windy UI (logo, zoom buttons, layer selector, legend/timeline) is hidden under the weather tiles/canvases. Those UI elements briefly appear only while the map is redrawing (during zoom/pan) and then get covered again by the tiles.</p>
<p dir="auto">Environment</p>
<p dir="auto">Framework: Vue 2.7<br />
Leaflet: project uses 1.9.x, but for Windy we load 1.4.0 as required<br />
Windy API: Map Forecast via <a href="https://api.windy.com/assets/libBoot.js" rel="nofollow ugc">https://api.windy.com/assets/libBoot.js</a><br />
Dev server: <a href="http://localhost:8080" rel="nofollow ugc">http://localhost:8080</a> (domains whitelisted; key authorizes fine)<br />
OS/Browser: Windows 10/11, latest Chrome</p>
<p dir="auto">What we see</p>
<p dir="auto">Weather layers render (particles, tiles) and updates work<br />
Windy UI elements are present in the DOM but are not visible most of the time (seem to be behind the map tiles/canvases)<br />
During zoom/pan, while old tiles are cleared and new tiles load, the UI becomes visible for a moment</p>
<p dir="auto">Thanks for any hints!</p>
]]></description><link>https://community.windy.com/topic/41594/map-forecast-windy-ui-logo-zoom-legend-hidden-under-tiles-until-zoom-pan-vue-2-leaflet-1-4</link><generator>RSS for Node</generator><lastBuildDate>Thu, 08 Oct 2026 13:41:44 GMT</lastBuildDate><atom:link href="https://community.windy.com/topic/41594.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 27 Aug 2025 14:41:23 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Map Forecast: Windy UI (logo&#x2F;zoom&#x2F;legend) hidden under tiles until zoom&#x2F;pan (Vue 2 + Leaflet 1.4) on Wed, 10 Sep 2025 15:16:11 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/david-ryzec-3" aria-label="Profile: David-Ryzec-3">@<bdi>David-Ryzec-3</bdi></a><br />
I've found the root of the issue. I use leaflet 1.9 in other pages of our vue site  and there was a conflict with leaflet.css file from 1.9. When I remove leaflet.css includes on other pages windy map starts works well.</p>
<p dir="auto">Is there any way to use leaflet 1.9 for whole site and 1.4 (w/o leaflet.css) for a page with windy map?</p>
<p dir="auto">Thanks.</p>
]]></description><link>https://community.windy.com/post/218453</link><guid isPermaLink="true">https://community.windy.com/post/218453</guid><dc:creator><![CDATA[ecdis-windy-test]]></dc:creator><pubDate>Wed, 10 Sep 2025 15:16:11 GMT</pubDate></item><item><title><![CDATA[Reply to Map Forecast: Windy UI (logo&#x2F;zoom&#x2F;legend) hidden under tiles until zoom&#x2F;pan (Vue 2 + Leaflet 1.4) on Thu, 28 Aug 2025 09:45:43 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/ecdis-windy-test" aria-label="Profile: ecdis-windy-test">@<bdi>ecdis-windy-test</bdi></a> Hi, are you willing to publish your page publicly or to share your repo?</p>
]]></description><link>https://community.windy.com/post/217869</link><guid isPermaLink="true">https://community.windy.com/post/217869</guid><dc:creator><![CDATA[David Ryzec 3]]></dc:creator><pubDate>Thu, 28 Aug 2025 09:45:43 GMT</pubDate></item></channel></rss>