react-leaflet - 弹出窗口总是在市场上开放

Question

有什么办法弹出窗口总是保持打开状态吗？无需单击它即可打开。

预期行为

https://monosnap.com/file/mPkuSTmPAfwxTxY99YQVA5m96Zolow.png

实际行为

http://take.ms/cUej0

Answer 1

您可以做的是从 react-leaflet 标记中创建自己的 Marker 类，然后在挂载后在传单对象上调用传单函数 openPopup() 。

// Create your own class, extending from the Marker class.
class ExtendedMarker extends Marker {
    componentDidMount() {
        // Call the Marker class componentDidMount (to make sure everything behaves as normal)
        super.componentDidMount();

       // Access the marker element and open the popup.
      this.leafletElement.openPopup();
    }
}

这将在组件安装后打开弹出窗口，并且之后也会像正常弹出窗口一样运行，即。在关闭/打开。

我将这个 fiddle 与基本示例一起显示相同的代码。