Добавить иконку в Mapbox-GL (Angular)

Question

Я притворяюсь, что включаю значок в мою карту из mapboxgl в моем angular проекте. Я использую JS API ( API для Javascript), но я делаю это в Typescript. Я пытался адаптировать его, и это мой код:

iconoDron(){
this.mapa.on('load', function() {
  this.mapa.loadImage(
   'https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Cat_silhouette.svg/400px-Cat_silhouette.svg.png',
  function(error, image){
    if (error) throw error;
    this.mapa.addImage('cat', image);
    this.mapa.addSource('point', {'type': 'geojson','data': {'type': 'FeatureCollection','features': [{ 'type': 'Feature','geometry': {'type': 'Point','coordinates': [0, 0]}}]}});
    this.mapa.addLayer({'id': 'points','type': 'symbol','source': 'point','layout': {'icon-image': 'cat','icon-size': 0.25}});
  }
  );

Но это не работает !. Что-то не так?