javascript - 如何在传单绘制中将按钮附加到弹出窗口中？

Question

我希望弹出窗口内的按钮对弹出窗口附加层进行一些操作。

 L.marker(coors[i], { icon })
          .addTo(this.drawnItem)
          .bindPopup(this._getCustomIcon(mix))
          .openPopup();

在我的 _getCustomIcon() 下面

 _getCustomIcon = value => {
    let delLayer = document.createElement("BUTTON");
    delLayer.innerHTML = "Delete";
    let CustomPopup = L.popup({ className: "customPopup" }).setContent(
      `<p> ${value}</p> ${delLayer}` //here is error
    );
    return CustomPopup;
  };

标签： javascriptreactjsleafletleaflet-draw

Answer 1

只需使用此代码

 _getCustomIcon = value => {
    let delLayer = document.createElement("BUTTON");
    delLayer.innerHTML = "Delete";
    return delLayer;
  };

您的错误是在使用后创建了一个弹出窗口，bindPopup它已经创建了弹出窗口！