リーフレットマーカーのクリックイベントが角度2で動作する

Question

Angular2アプリケーションでリーフレットを表示すると、マウスクリックでマーカーへのクリックバインドがトリガーされません。

let el = this._elementRef.nativeElement.querySelector('.leaflet-maps'); 
    L.Icon.Default.imagePath = 'assets/img/theme/vendor/leaflet'; 

    this.map = new L.Map('map', { 
    center: new L.LatLng(26.166314, -81.706957), zoom: 15}); 
    var osm= L.tileLayer('http://ip/{z}/{x}/{y}.png', { maxZoom: 18 }).addTo(this.map); 
    var d= L.marker([26.166314, -81.706957], { icon: this.icons.online, clickable: true }).on('click', 
    (data) => { 
     alert("I have a click.") 
    }).addTo(this.map) 

マップ上にクリックイベントを追加できますが、正常に動作しますが、マーカーのクリックイベントが機能していないようです。

Answer 1

マーカーをインスタンス化するためのコードが正しいこと、特にアイコンthis.icons.onlineを確認してください。

アイコンが削除されると、すべて正常に機能します。https://plnkr.co/edit/NdKpe8BeoidYQCnxBsKS?p=preview