反应谷歌地图鼠标悬停和鼠标出动态

时间:2019-03-30 07:42:50

标签: reactjs react-google-maps

onToggleOpen: ({ infoWindows }) => selectedIndex => ({
  infoWindows: infoWindows.map((iw, i) => {
    iw.isOpen = selectedIndex === i;
    return iw;
  })
}),
onToggleMouseOut: ({ infoWindows }) => () => ({
  infoWindows: infoWindows.map(iw => {
    iw.isOpen = false;
    return iw;
  })
}),
      
<Marker
  id={place.id}
  key={place.id}
  position={{ lat: lat, lng: lng }}
  icon={iconName}
  onMouseOver={() => props.onToggleOpen(i)}
  onMouseOut={() => props.onToggleMouseOut(i)}
  
  <InfoWindow
  zIndex={10}
  onCloseClick={() => props.onTogglePrimaryLocation(true)}
>
  <div>
    <div>
      This is Marker InfoWindow
    </div>
  </div>
</InfoWindow>
</Marker>

这是react-google-maps的代码段。 在Marker中有一个MouseOver和MouseOut并调用相应的函数 在这里,我的要求是如何动态或以编程方式调用MouseOver和MouseOut。 有什么方法可以强制调用MouseOver和MouseOut吗? 我想在Marker元素之外调用onToggleOpen和onToggleMouseOut 有人可以让我知道怎么可能吗?

0 个答案:

没有答案