如何在openlayer（如传单绘制样式编辑器）中做到这一点

Question

我研究和搜索了很多次，找不到openlayers上样式编辑器的示例。仅在传单上提供。请分享一下你的经验，我该怎么写？

如果包含示例代码就可以了。

Answer 1

我不知道这是否能解决您的问题。

但是实现带有自定义按钮的面板非常容易。为此，您必须将面板链接到地图控件。然后玩你感兴趣的事件，比如drawevents。

例如，我在 React 项目中这样做，我自己制作了面板，允许我绘制一条线、一个矩形、一个点或只是测量距离。

map.addControl(new Control({ element: refDrawPanel.current }))

<div ref={refDrawPanel} style={{ position: "absolute", right: 8, top: 8 }}>
<Button .... />
</div>