在草图小部件工具栏中添加自定义按钮

[PaulAnderson2k]

我想添加我自己的按钮到草图小部件工具栏。

这个论坛帖子将在Sketch Widget外部的新div中创建按钮。

代码:

view.when(() => {const sketch = new sketch ({layer: graphicsLayer, view: view， //图形一创建就会被选中creationMode: "update"});view.ui。add(素描,右上的);var element = document.createElement('div');元素。className = "esri-icon-collection esri-widget——button esri-widget esri-interactive";元素。addEventListener('click'，函数(evt) {console.log("clicked");view.ui})。添加(元素,“右上的”); });

我真的很想把这个按钮包括在所有其他按钮旁边控制可用的工具．

是否有推荐的方法来做到这一点?有文章吗?

[ReneRubalcava]

小部件不可扩展，因此不能添加更多按钮。你可以使用SketchViewModel并围绕它构建一个自定义组件。

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Sketch-SketchViewModel.ht..。

不过，取决于您想要它做什么，您可以有一个容器，它将Sketch小部件和您的自定义按钮并排包装看起来比如一个新按钮，但是当你点击它时，你可以调用Sketch小部件或图层上的方法，不确定你的按钮会做什么。