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