ngx-leaflet - 使用带有 ngx-leaflet 的弹出窗口

Question

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

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

Answer 1

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

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',
  });
}