Отобразить информационное окно реакции-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

0 ответов

Другие вопросы по тегам