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

Sha*_*mal 6 react-leaflet

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

在此输入图像描述

这是弹出窗口的代码:

<Popup>
  <span>
    <p>Foo</p>
  </span>
</Popup>
Run Code Online (Sandbox Code Playgroud)

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

即使只是删除向下箭头也可能足够好.

谢谢,

Ale*_*rij 1

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

例如隐藏提示

.leaflet-popup-tip {
    display:none;
}
Run Code Online (Sandbox Code Playgroud)