如何在Mapbox GL JS中更改多边形工具的悬停文本？

Question

mapbox/mapbox-gl-draw 允许您在 Mapbox 地图中添加多边形工具。我已经将它应用于一个 ReactJS 项目中，现在我想更改当鼠标悬停在多边形工具按钮上时显示的文字。我该怎么做呢？

我在 mapbox-gl-draw 的代码中找到了这行代码，它将悬停文本赋值给按钮的标题属性。因此，我可以 fork mapbox-gl-draw，仅仅为了更改那一行代码。但是我希望不必这样做。

以下是我添加多边形控件的代码部分：

const draw = new MapboxDraw({
  displayControlsDefault: false,
  controls: {
    polygon: true
  },
  modes,
  userProperties: true
})

- ram1

Answer 1

这个东西怎么样？

document.querySelector(".mapbox-gl-draw_ctrl-draw-btn.mapbox-gl-draw_polygon").setAttribute("title", "your own tooltip")

- Anatolii Suhanov

---

这可能可以，但这是最后的选择。这是一个ReactJS项目，而你所描述的将会偏离 React 的方式。我希望熟悉 mapbox-gl-js 的人能提供更符合习惯用法的解决方案。 - ram1