使用带有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',
  });
}