@filipovski1 you may have to debug whats going on there but you could also remove the windyBoot part but than you might get some other errors when "reloading" windy

@filipovski1 you need to implement this in order to get the ngAfterViewInit function to be called
if that is not called, sure your map will not be loaded
https://angular.io/guide/lifecycle-hooks

@filipovski1 i just saw that you are not implementing AfterViewInit in your example

@filipovski1 in the end you are calling the windyInit function from the loaded windy scripts
do you get any errors you could provide?
you also could set the method on timeout and retry it on failure (maybe the scripts are not yet loaded)

@filipovski1 btw you should not post your api-key in public forums

where do you load the scripts?
yes i'm perfectly fine with using windy in angular

@filipovski1 this shouldn't be actually in the example and you don't need it in the end except you want some generic configs and dynamic loading.
So remove the config and be sure to put the windy js links into your index.html

@filipovski1 maybe this can help you a bit

https://community.windy.com/topic/17845/windy-with-angular/2

@marekd okay we will get in contact with them since our account was already debited.

@marekd so i just created a very simple basic hello-world example based on yours from github and i can't see those missing layers in your default ui and won't get them if i log all allowed overlay types.
So i realy don't think it's a problem with our implementation.

@marekd do they also load version 23.1.1 or ist it a newer one?

@korina you wouldn't have access to view the windy implementation on our website

@korina
this is the version loaded if you need this information too
https://www.windy.com/v/23.1.1.lib.baaa/lib.js

@korina i just looked up the keys in the html code of your website
if i use the key sst for sea temperature it will just through an error at the marked line

@korina if you can provide me the keys for the layers i can test it but since i'm not getting them with store.getAllowed('overlay') i don't have a clue how to access them

@korina we used the trial a couple of weeks for development purpose and now switched to the professional version last week. So in the end the layers never worked for us.
From all the missing ones we just would like to use Sea Temperature and Tidal Currents if it's possible.

Regarding the Isolines:

geopotential height is not working and freezing altitude is missing

Hello,
we are using (paying for) the professional windy api and are missing some overlays that are advertised on your website.
I marked the ones that are not available. (-->)

wind
wind gusts
wind accumulation
rain & thunder
rain accumulation
new snow
--> (key exists but it's not working) snow depth
precipitation type
--> thunderstorms
temperature
dew point
humidity
--> (key exists but it's not working) freezing altitude
clouds
high clouds
medium clouds
low clouds
fog
--> cloud tops
CAPE index
waves
swell
swell 2
--> swell 3
wind waves
--> sea temperature
currents
CO concentration
dust mass
SO2 mass
--> NO₂
--> PM2.5
--> aerosol
--> ozone layer
pressure
--> extreme wind
--> extreme temperature
--> extreme rain
satellite

There is also a key for Tidal currents but it's not working and will also throw an error.

@ltaggart

Hey, as long as you are loading the scripts this should be like a basic setup to get it working.

(i can't write the div in one line since it will disappear than lol)

HTML

<
div #windyMap id="windy">

TS

declare function windyInit(options, callback);

@Component({
  selector: 'windy',
  templateUrl: './windy.component.html',
  styleUrls: ['./windy.component.scss'],
  encapsulation: ViewEncapsulation.None,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class WindyComponent implements OnInit, AfterViewInit, OnDestroy {
   @ViewChild('windyMap', {static: true}) windyMapElementRef: ElementRef;
 
  private _config: LoadConfig;
  private windyMap: any;

  constructor(@Inject(LOAD_CONFIG) private config: LoadConfig,             
              private _cdr: ChangeDetectorRef,
              private _windyScriptLoaderService: WindyScriptLoaderService) {
    this._config = config || {};
  }

  ngOnInit(): void {
    if (!this._config.apiKeyWindy) {
      throwError('Windy api key is missing!');
    }
  }

  ngAfterViewInit(): void {
    this._windyScriptLoaderService.load().then((test) => {
      const options = {
        // Required: API key
        key: 'APIKEY', // REPLACE WITH YOUR KEY !!!

        // Put additional console output
        verbose: false,

        // Optional: Initial state of the map
        lat: 35,
        lon: -30,
        zoom: 3
      };

      if (!window['copy_of_W']) {
        window['copy_of_W'] = Object.assign({}, window['W']);
      }
      if (window['W'].windyBoot) {
        window['W'] = Object.assign({}, window['copy_of_W']);
      }

      windyInit(options, windyAPI => {
        this.windyMap = windyAPI;
        this.windyMap.map.options.minZoom = 0;
        this.windyMap.map.options.maxZoom = 18;
      });
    });
  }

  ngOnDestroy() {
    this._windyScriptLoaderService.removeScripts();
  }
}   

Hello,
i can't find any information about using or accessing your information box about the current data.
I saw in your code that an info plugin is loaded for this. (v/33.0.2.ind.b9f4/plugins/info.js)
Can i just load the plugin therefore or do u have any kind of documentation about this?