Добавить собственный маркер в Angular Mapboxgl проекта

Question

У меня возникли проблемы с добавлением его на мою карту. Во-первых, я инициализирую карту в функции ngOnInit ().

ngOnInit(){

mapboxgl.accessToken = environment.mapboxKey;
this.mapa = new mapboxgl.Map({
  container: 'mapa-mapbox',
  style: 'mapbox://styles/mapbox/satellite-v9',
  center:  [50, 50], //LON, LAT
  zoom: 15,
  speed: 1
});

setTimeout(()=>{    //<<<---    using ()=> syntax
  this.cargarImagen();
}, 1000);
}  

и функция cargarImagen ().

cargarImagen(){
this.mapa.loadImage('https://upload.wikimedia.org/wikipedia/commons/7/7c/201408_cat.png', function(error, image){
  if(error) throw error;
  this.mapa.addImage('kitten', image);
})
}

При тестировании консоль навигатора показывает следующий текст :

"Ошибка ОШИБКИ: Uncaught (в обещании): Ошибка: не удалось загрузить изображение из-за невозможности прочитать свойство 'mapa' из неопределенного. Убедитесь, что вы используете поддерживаемый тип изображения, например PNG или JPEG. Примечание что SVG не поддерживаются. Ошибка: не удалось загрузить изображение из-за невозможности прочитать свойство 'mapa' из неопределенного. Убедитесь, что вы используете поддерживаемый тип изображения, такой как PNG или JPEG. Обратите внимание, что SVG не поддерживаются. "