如何使react-leaflet弹出菜单的指针指向标记？

Question

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

​

下面是我弹出窗口的代码：

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

我使用的是react-leaflet存储库examples文件夹中的Popup.js代码。在该类中，我没有看到用于设置偏移量的选项。

即使只是去掉那个向下的箭头也可能足够好。

谢谢,

Answer 1

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

例如，隐藏提示

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