Dynamic width and hover/click

Hi, and thanks for this lib. I try to add interactivity on marker (click and mouse hover) but I have a problem, It doesn’t work when marker size is dynamic. Here is the Marker class :

class Marker extends Component {
    static propTypes = {
        lat: PropTypes.number,
        lng: PropTypes.number,
        text: PropTypes.string
    }
    render() {
        let {text, key} = this.props
        const {w, h} = meters2ScreenPixels(300, {lat: this.props.lat, lng: this.props.lng}, mapZoom);
        return (
            <div
                key={key}
                style={{
                    width: w,
                    height: h,
                    fontSize: w/2
                }}
                className="estima-marker">
                {text}
            </div>
        )
    }
}

I w and h are constant, the event onChildClick works, but if I use meters2ScreenPixels, it does not works. The hover zone is still here but not match to the marker overlay. How can I do that ?

[JiDai]

Ok thanks for explanations and responsiveness 😃

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.