Добрый день! Я использую библиотеку для реагирования-Google-карты. Как я могу получить координаты центра карты?

Я пользуюсь библиотекой react-google-maps, Координаты могут быть получены с getCenter(), но я не могу. Как сделать кнопку в компоненте, которая будет отправлять координаты центра родительской функции и как получить эти координаты из центра? Ты можешь знать? Спасибо!

const Map = compose(
    withProps({
        googleMapURL:
            "https://maps.googleapis.com/maps/api/js?key=AIzaSyB8ECfIjkNyE2AVBlG4Fpd4rD2Y4q5Ytpk",
        loadingElement: <div style={{ height: `100%` }} />,
        containerElement: <div style={{ height: `400px`, }} />,
        mapElement: <div style={{ height: `100%` }} />,
    }),
    lifecycle({
        componentDidMount() {
            const refs = {}

            this.setState({
                onMapMounted: ref => {
                    refs.map = ref;
                    console.log(refs.map.getCenter())
                },
            })
        },
    }),
    withScriptjs,
    withGoogleMap
)((props) =>
    <GoogleMap markers={markers}
        ref={props.onMapMounted}
        defaultZoom={8}
        defaultCenter={{ lat: -34.397, lng: 150.644 }}
    >
        {markers.map( function (obj, index) {
            return (
                <div key={index}>
                    <Marker
                        title="Hello World!"
                        position={{ lat: obj.position.lat, lng: obj.position.lng }}
                        onClick={props.onToggleOpen}
                    >
                        {props.isOpen &&
                            <InfoWindow onCloseClick={props.onToggleOpen}>
                                 <div>
                                     {obj.title}
                                </div>
                            </InfoWindow>
                        }
                    </Marker>
                </div>
            );
        })
        }
        <Polygon path={path} />
    </GoogleMap>
)

0 ответов

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