reactjs - react-google-maps 点击地图获取坐标

Question

我是 react-google-maps 的新手，我想在地图上添加一个事件监听器，这样当我点击地图上的任何点时，我可以获得该点的坐标，但是，我真的不知道我在哪里应该添加事件监听器。我的代码片段如下：

return(
            <GoogleMap
            defaultZoom={10}
            defaultCenter={{ lat: 22.3193, lng: 114.1694 }}
            onClick = {this.homepage} >
            </GoogleMap>
);

我想知道为什么当我点击地图时 onClick 似乎不起作用？非常感谢你们！

标签： reactjsreact-google-maps

Answer 1

查看沙盒链接

   <GoogleMap
    onClick={ev => {
      console.log("latitide = ", ev.latLng.lat());
      console.log("longitude = ", ev.latLng.lng());
    }}
    defaultZoom={3}
    defaultCenter={{ lat: -34.397, lng: 150.644 }}
  >