将弹出窗口与ngx-leaflet结合使用

Question

我想用ngx-leaflet制作一个更复杂的弹出窗口，它可以使用Angular指令，通常可以被视为任何其他Angular组件。有什么好方法可以做到这一点吗？

您可以使用L.popup和setContent创建弹出窗口，但是这需要一个原始的html字符串。

Answer 1

我一直在用ngx-leaflet i.c.w。角度材料。您可以通过单击标记来显示对话框，如下所示：

marker([geo.latitude, geo.longitude], {
      icon: icon({
        iconSize: [25, 41],
        iconAnchor: [13, 41],
        iconUrl: `assets/marker-icon.png`,
        shadowUrl: 'assets/marker-shadow.png'
      })
    })
  .on('click', this.showPopup.bind(this))

然后在您的组件上，showPopup执行以下操作：

showPopup(): void {
  const infoDialogRef = this.dialog.open(InfoDialogComponent, {
      width: '250px',
  });
}