An Android soaring forecast app was developed to help consolidate various forecasts and information useful for soaring(aka gliding) pilots. To help with assessing soaring conditions a customized version of Windy was added via an Android webview.

Android open source at: https://github.com/efoertsch/SoaringForecast

App in Google Play: https://play.google.com/store/apps/details?id=org.soaringforecast.rasp (note that code in Github may be ahead of latest app release as the app is still being developed as time permits).

Hello

(I am an Android programmer, not html/javascript programmer, so my apologies if the answer is really straightforward.)

Currently I am using the Windy Hello World example to set the height of Windy in Android WebView.

#windy {
width: 100%;
height: 400px;
}

I arbitrarily chose 400px above for the height to get started.

But Android devices (and desktops and laptops) have different device heights, and also the area allocated for displaying the Windy map in the Webview may vary in height on the screen. Is there a way to dynamically set the height parm either at initialization or at some later point so that Windy properly fills the allocated screen area?

I have tried a number of 'solutions', mainly from StackOverflow related to leaflet but with no luck.

Any ideas?

Thanks

Eric

An Android soaring forecast app was developed to help consolidate various forecasts and information useful for soaring(aka gliding) pilots. To help with assessing soaring conditions a customized version of Windy was added via an Android webview.

Android open source at: https://github.com/efoertsch/SoaringForecast

App in Google Play: https://play.google.com/store/apps/details?id=org.soaringforecast.rasp (note that code in Github may be ahead of latest app release as the app is still being developed as time permits).

I am working on incorporating Windy into an Android webview and noted the following coming up on the console. It doesn't seem to impact my app but is causing a lot of red on the console! The reference to ai4.windy.com is not from my code.

Failed to load resource: the server responded with a status of 413 ()
Access to XMLHttpRequest at 'https://node.windy.com/sedlina/ga/22dp=version/16.17.0&dl=https://ai4.windy.com/&ul=en-US&...

Hello

(I am an Android programmer, not html/javascript programmer, so my apologies if the answer is really straightforward.)

Currently I am using the Windy Hello World example to set the height of Windy in Android WebView.

#windy {
width: 100%;
height: 400px;
}

I arbitrarily chose 400px above for the height to get started.

But Android devices (and desktops and laptops) have different device heights, and also the area allocated for displaying the Windy map in the Webview may vary in height on the screen. Is there a way to dynamically set the height parm either at initialization or at some later point so that Windy properly fills the allocated screen area?

I have tried a number of 'solutions', mainly from StackOverflow related to leaflet but with no luck.

Any ideas?

Thanks

Eric

That fixed the display problem. Thanks!

I am trying to incorporate Windy into an Android app and found the following bug.

createPicker: function(e, t, i) {
if (this.popup || (this.x = this.el.offsetLeft + 1,
this.y = this.el.offsetTop + this.el.offsetHeight,
s.setZoomCenter(this.x, this.y)), <<<<<<<< picker.js:formatted:290 Uncaught (in promise) TypeError: s.setZoomCenter is not a function

Is there some way to disable the picker till this is resolved? I am an absolute novice in javascript.

Thanks

Eric