Now I see (I don't know how I missed it) that there is an altitude slider at the very bottom of the selection panel that one gets if one opens the overlay selection (i.e., clicking on "Wind") in the upper right -- so I suppose I can just avoid adding this slider to the main window.

(It might still be nice to know why the above doesn't work, and if there is any way to create and open a slider on the main window. Note that Javascript console information doesn't seem to help for that -- there were no related error messages there.)

@qexon_ankit Hi, the image did not load. Send us also the browser version.

Please note that WebView is NOT SUPPORTED browser for Windy API4. We tolerate using Windy API in native apps, but we will not support it.

@arjannv Thanks so much!

It was removed from API4 because of huuuuuuuge amount of rqsts to our backend.

try:
W.map.removeLayer(W.labelsLayer);

@takuruaaio
For definitions
https://community.windy.com/topic/3361/description-of-weather-overlays

Also
https://community.windy.com/topic/3361/description-of-weather-overlays/38

For further reading
https://community.windy.com/topic/3603/different-definitions-for-the-wave-periods-are-shown

Hello,

Thank you for your response. I'm not sure if will autodetect each visitor location.

Nicos

Hi. Does this means we can acquire the paid version or is this still under review?

@kostis90
I do this by resizing the DIV of Windy.
(Toggle class between contentbg and map-large)

JS:
var mapexpandbool = 0;
var mapdivmenu = document.getElementById("weather-map");
var mapdivmenutext = document.getElementById("weather-map+-");
var mapframe = document.getElementById("weather-map");
function weathermapexpand() {
if (mapexpandbool === 0) {
mapdivmenu.className = 'map-large';
mapdivmenutext.innerHTML = '-';
mapexpandbool = 1;
} else {
mapframe.className = 'contentbg';
mapdivmenutext.innerHTML = '+';
mapexpandbool = 0;
}
}

CSS:
.contentbg {
width: calc(100% - 10px - 2px);
border-width: 1px;
border-color: rgba(255, 255, 255, 0.5);
border-style: solid;
background-color: rgba(0, 0, 0, 0.15);
opacity: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display:inline-block;
padding: 5px;
margin-bottom: 15px;
transition: .5s linear;
-ms-transition: .5s linear;
cursor: default;
}
.map-large {
width: calc(90vw - 12px) !important;
height: calc(90vh - 12px) !important;
top: 0vh !important;
display: block;
position: absolute;
z-index: 10;
transition: .5s linear;
-ms-transition: .5s linear;
border-width: 1px;
border-color: rgba(255, 255, 255, 0.5);
border-style: solid;
background-color: rgba(0, 0, 0, 1);
padding: 5px;
}