Tooltips about react-vector-maps HOT 1 CLOSED

const MyComponent = () => {
  const onMouseOver = (event) => {
    // `event.target.attributes.id.value` is the id of the layer you just mouse over'ed
  }

  const onMouseMove = (event) => {
    // `event.clientY` and `event.clientX` are the position the tooltip should be at
  }

  const onMouseOut = (event) => {
    // clear the current tooltip
  }

  return (
    <div style={{ position: 'relative' }}>
      <VectorMap {...map} layerProps={{ onMouseOver, onMouseMove, onMouseOut }} >
      <div style={{ position: 'absolute', top: x, left: y }}>{/* tooltip content */}</div>
    </div>
  )
}