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

获取Leaflet标记单击事件以使用Angular 2

1 个答案: