Weather picker not working in mobile browsers

[ivo]

If there are problems with picker I suggest to remove picker from API at all. There was NO picker at API 2.3 and it worked well.

[trackamap]

My current work around is to remove picker from "@media only screen and (max-device-width: 736px)" and display message to reload with phone in landscape. The picker is a great feature and I would like to see it remain as part of API 4. Hopefully someone can find a way to make it work on all devices. Cheers.

[martijng]

On windy.com the weather picker does work on mobile devices. I'm wondering how that's possible, the API gives a javascript error. So somehow there's a fix. Or does windy.com use another library or version of the Windy API?

[ivo]

Weather picker is supported only on desktop

[ryanshores]

@ivo If the mobile picker is not working is there a way we could get access to the information that would normally be returned to the picker and display it ourselves?

[rittels]

Hi Ivo. I am with ryanshores.

Since there is no picker on mobile, it would be great if you could make the interpolator available? It was possible with 2.3.

Thx

[siim]

One hacky workaround:
W.rootScope.isMobile = false;

https://s.codepen.io/siim/debug/JBBepy/GnAnbNwzyppA

[rittels]

@siim

Great. Thanks!!

However, picker's tail is too short.

More hacky:

let mobileMadeFalse=false;
if(W.rootScope.isMobile){
W.rootScope.isMobile=false;
mobileMadeFalse=true;
}
picker.on('pickerOpened',(e)=>{
if(mobileMadeFalse){
document.getElementsByClassName("picker-lines noselect")[0].parentNode.style.marginTop="-70px";
document.getElementsByClassName("picker-drag-me")[0].style.display="none";
}
});

[ivo]

Interpolator usage: https://github.com/windycom/windy-plugins/tree/master/examples/09-reading-weather-values

[rittels]

@ivo
Thanks.

It works well in plugins, but the interpolator does not seem to be available in the windyAPI object.

It is in the W object, but this returns null:

const {interpolator}=W
interpolator(interf=>{ console.log( interf( {lat: 50.4 , lon: 14.3} ) ) } );//in map area

[ivo]

@rittels Ok we add it

[人间正道是沧桑]

This post is deleted!

[rittels]

@ivo Thanks for adding it!!