如何将react-leaflet弹出指针指向标记？

Question

如何使React-Leaftlet弹出框上的弹出框上的箭头指向标记，而不是框的右下角，如下图所示？

这是弹出窗口的代码：

<Popup>
  <span>
    <p>Foo</p>
  </span>
</Popup>

我正在使用Popup.js存储库示例文件夹中的react-leaflet代码。在该课程中，我没有看到设置偏移的选项。

即使只是移除向下箭头也可能足够好。

谢谢，

Answer 1

您可以使用leaflet-popup-tip css类设置提示样式。根据您的需要，您可以使用css修改位置。

例如隐藏提示

.leaflet-popup-tip {
    display:none;
}