@Suty
Yes I checked and I tried to only let the map in all the html component like this
< div id="windy" style="width: 95%; height: 85%; ">
And it is always the same problem

@Suty the options are only visible at the beginning when the map is loading, as shown in this capture. I can see them when the background is grey. However, once the map finishes loading, the options become invisible

I dont think there is other elements causing this issue in my html code .

@Suty Hello I
Here is the function where I load the libBoot using the script loader package

  initializeWindyMap(windyApiKey: string, lat: number, lon: number, zoom: number): Observable {
    const options = {
      key: windyApiKey, verbose: true, lat, lon, zoom,
    };
    return this.windyScriptLoaderService.loadScript('https://api.windy.com/assets/map-forecast/libBoot.js').pipe(switchMap(() => {
      return new Observable(observer => {
        windyInit(options, windyAPI => {
          this.map = windyAPI.map;
          observer.next();
          observer.complete();
        });
      });
    }));
  }

I do use this function in my angular compenent like this :

this.mapService
        .initializeWindyMap(
          this.windyApiKey,
          selectedRegion.center.lat,
          selectedRegion.center.lon,
          selectedRegion.zoom,
        )
        .subscribe(() => {
        // treatment to process
        });

The map is displayed and initialized correctly each time. However, the map options are always not visible.
Thank you

Hello,
I am using windy api in my angular web app ,I have followed tha basic hello world example and I have used the package "ngx-script-loader to load the libBoot.js script.
Every thing is working but the zoom and the others options on the left side of the map are not visible as well as the logo of windy on the top?

However I noticed that when the map is charging and it has the grey color on the backgroud, I can see them but once the map colors changed, they are not visible anymore.

@Miggz-Cervantes did you get any news please ?

I still have the same problem any new solutions please ?

@Ondřej-Šutera Hello, do you have any news about this issues

@Ondřej-Šutera
Yes I have use the 'hello wold' example to add the windy Map.
I used the package "ngx-script-loader to load the libBoot.js script beacuse am on an angular web app like this:

this.scriptService.loadScript('https://api.windy.com/assets/map-forecast/libBoot.js').pipe(switchMap(() => {
      return new Observable(observer => {
        windyInit(options, windyAPI => {
          this.map = windyAPI.map;
          observer.next();
          observer.complete();
        });
      });
    }));

And it works perfeclty the only problem I have is this issue with the options and the logo going invisbles after initiazling the map.

I have an issue with the visibilty of the logo and the zoom options on the map. They are not visible when the map charges its colors.

They are only visibles when the map is grey
.

Hello, Is it normal to only have thoses three layers ? I have the same and I want to use the rain layer instead of wind. Should I have the premium version ? Thank you have a nice day