Отобразить информационное окно реакции-google-карту, используя приставку
Я использую, но он показывает все маркеры, когда я нажимаю один маркер https://tomchentw.github.io/react-google-maps/
const { compose, withProps, withState, withHandlers } = require("recompose");
const FaAnchor = require("react-icons/lib/fa/anchor");
const {
withScriptjs,
withGoogleMap,
GoogleMap,
Marker,
InfoWindow,
} = require("react-google-maps");
const MapWithControlledZoom = compose(
withProps({
googleMapURL: "https://maps.googleapis.com/maps/api/js?key=AIzaSyC4R6AN7SmujjPUIGKdyao2Kqitzr1kiRg&v=3.exp&libraries=geometry,drawing,places",
loadingElement: <div style={{ height: `100%` }} />,
containerElement: <div style={{ height: `400px` }} />,
mapElement: <div style={{ height: `100%` }} />,
}),
withState('zoom', 'onZoomChange', 8),
withHandlers(() => {
const refs = {
map: undefined,
}
return {
onMapMounted: () => ref => {
refs.map = ref
},
onZoomChanged: ({ onZoomChange }) => () => {
onZoomChange(refs.map.getZoom())
}
}
}),
withScriptjs,
withGoogleMap
)(props =>
<GoogleMap
defaultCenter={{ lat: -34.397, lng: 150.644 }}
zoom={props.zoom}
ref={props.onMapMounted}
onZoomChanged={props.onZoomChanged}
>
<Marker
position={{ lat: -34.397, lng: 150.644 }}
onClick={props.onToggleOpen}
>
<InfoWindow onCloseClick={props.onToggleOpen}>
<div>
<FaAnchor />
{" "}
Controlled zoom: {props.zoom}
</div>
</InfoWindow>
</Marker>
</GoogleMap>
);
<MapWithControlledZoom />
Мне нужно использовать RedDX Render Multi других окон. Но я нажимаю на один маркер, чтобы все информационные окна показывали все, как ловить событие click 1 maker show 1 maker