有没有办法获得自定义样式的地理定位控件以与React和react-mapbox-gl一起使用？

Question

我正在使用react-mapbox-gl 来实现网络应用程序的地图。该设计的地理定位控件的颜色和形状与底层库 mapbox-gl 提供的默认 GeolocateControl 不同。我已经浏览了此处的文档，但找不到有关此主题的任何内容。

我还会考虑一个提供可样式组件的库，该组件可以提供与控件相同的功能。

Answer 1

我今天遇到了同样的问题，我在文档中找不到任何信息。但是，如果您打开开发人员工具，则可以检查和修改 CSS 属性。稍后，您可以在 CSS 样式表中应用这些更改。虽然这可能不是最佳实践，但这是我能找到的唯一解决方案。

  Example CSS
    .mapboxgl-user-location-accuracy-circle {
      z-index: 100000;
      background-color: #f21d1d33;
    }