React Leaflet : 마우스 오버시 팝업 표시

Question

Reaffollet 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;