如何在reactjs中获取显示地图的中心?

时间:2019-06-20 13:09:10

标签: reactjs react-google-maps

我正在基于使用Google地图的reactjs制作一个Web应用程序。对于使用谷歌地图,我已经使用了react-google-maps库。我动态需要地图中心的纬度和经度,因为拖动地图时它的值可以改变。

在文档中,声明了getCenter()函数返回地图中心的latLng,但是我找不到如何使用它的任何示例。因此,请帮助我找到地图的中心。

1 个答案:

答案 0 :(得分:0)

var mapRef;

var center = mapRef.getCenter();

和渲染方法

<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>