Angular 为什么ngx传单参数不能正常工作？

我正试图在

Angular

中使用

ngx Angular

在我的

传单

项目中尽可能做到一切，但找不到让它们正常工作的方法

这是我的参数代码：

zoomControl = {position: 'bottomright'};

readonly drawOptions = {
position: 'topright',
draw: {
  circle: false,
  circlemarker: false
},
edit: {
  featureGroup: this.drawItems,
  remove: false
  }
};

正如您在此快照上看到的，这不起作用，

position

params被忽略，

circle和circlemarker

属性也被忽略

---

当然，它们包含在带有ngx传单属性调用的

div

map标记中，我想知道是否有可能在不使用纯JS的情况下让它们工作。

使用

ngx传单绘图

库来实现您想要实现的目标

此处包括

drawOptions

以等于组件上定义的变量

drawOptions

：

<div
  leaflet
  style="height: 400px;"
  leafletDraw
  [leafletOptions]="options"
  [leafletDrawOptions]="drawOptions"
  (leafletDrawCreated)="onDrawCreated($event)"
>
  <div [leafletLayer]="drawnItems"></div>
</div>

---

以下是关于如何安装ngx的宣传单张图纸，下面是一个现场观看的示例。不要担心图形图标不可见。在你的应用程序中，它应该是好的。它与codesandbox有关。

使用

ngx传单绘图库可以实现您想要实现的目标

此处包括
drawOptions
以等于组件上定义的变量
drawOptions
：

<div
  leaflet
  style="height: 400px;"
  leafletDraw
  [leafletOptions]="options"
  [leafletDrawOptions]="drawOptions"
  (leafletDrawCreated)="onDrawCreated($event)"
>
  <div [leafletLayer]="drawnItems"></div>
</div>

以下是关于如何安装ngx的宣传单张图纸

，下面是一个现场观看的示例。不要担心图形图标不可见。在你的应用程序中，它应该是好的。这与codesandbox有关。

stackblitzplease@alessandro不知道使用stackblitz的人是谁，如果有可能安装npm库，我建议在这里玩：这将对你有很大帮助。好吧，我会尝试@alessandroSorry@alessandro，但无法在那里实现，这让我很紧张please@alessandro不知道谁可以使用stackblitz，如果有可能安装npm库，对不起，我建议在这里玩：它会帮助你很多。好吧，我会试试@alessandroSorry@alessandro，但无法在那里实现，这让我很紧张谢谢你的回答，伙计，我昨天解决了，但正如你所说的谢谢你的回答伙计，我昨天解决了，但正如你所说的