在Leaflet中传递给DivIcon的HTMLElement不起作用

Question

我想将Angular应用中的DivIcon中的HTMLElemnt对象传递给Leaflet。

这是我在文本中的img元素：

<img src="assets/images/icons/marker.png" style="width:100%;height:100%;" />

当我将上面的字符串传递给DivIcon.html属性时，它可以正常工作，并显示图像。

但是现在，我正在尝试传递一个HTMLElement（documentation表示支持）

this.markerElement = document.createElement('img');
this.markerElement.src = 'assets/images/icons/marker.png';
this.markerElement.style.width = '100%';
this.markerElement.style.height = '100%';

this.markerIcon = new DivIcon({
  iconSize: [40, 40],
  iconAnchor: [20, 20],
  html: this.markerElement,
  className: 'marker-position-icon'
});

我什至尝试使用角形Renderer2：

constructor(rendererFactory: RendererFactory2) {
  this.renderer = rendererFactory.createRenderer(null, null);
}

init () {
    this.markerElement = this.renderer.createElement('img');
    ...

它仍然不起作用。因为它是HTMLImageElement，这有问题吗？ （我想不是）

它是如何显示的：

（没有红色框）