react-leaflet - react 传单 : Show popup on mouseover

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;