react-leaflet - React Leaflet：鼠标悬停时显示弹出窗口

Question

有没有人能够使用 React Leaflet Popup 元素在鼠标悬停而不是单击时显示弹出窗口？

我似乎无法找到实现这一目标的方法。

Answer 1

我最近使用React Refs和Leaflet API解决了这个问题。

一个准系统示例：

import React, { Component } from 'react';

import { Circle } from 'react-leaflet';

class Foo extends Component {
    render() {
        const { center, radius } = this.props;
        return (
            <Circle
              ref={circle => { this.circle = circle; }}
              center={center}
              radius={radius}
              onMouseOver={() => {
                  this.circle.leafletElement.bindPopup('foo').openPopup();
              }}/>
        );
    }
}

export default Foo;