How to get centre of displayed map in reactjs?

Question

I am making a web app based on reactjs that uses google maps. For using google maps I have used react-google-maps library. I need latitude and longitude of center of map dynamically as it's value can change when map is dragged.

In documentation, it's stated that getCenter() function returns latLng of center of map but I can't find any good example how to use it. So please help me to find the center of map.

you need to use the `getCenter` method. Use a `ref` for your map component and call `getCenter` method on the `ref`. — Fawaz, Jun 20 '19 at 13:15

score 0 · Answer 1 · answered Jun 20 '19 at 13:24

var mapRef;

var center = mapRef.getCenter();

and in render method

<GoogleMap
       ref={(m) => mapRef = m}
       defaultZoom={3}
       defaultCenter={new google.maps.LatLng(
            {lat:45.1983838, lng:12.0970988})}
       center={props.center}
       zoom={props.zoom}
            >
</GoogleMap>

How to get centre of displayed map in reactjs?

1 Answers1