reactjs - 如何找到用户单击折线的位置？

Question

如果我使用单击功能将折线添加到地图中：

    onPolylineClick = (props, polyline) => {
        console.log(props)
        console.log(polyline)
    }

    <Polyline
        onClick={this.onPolylineClick}
        path={gpsCoords}
    />

那么我如何确定它被点击的位置呢？我可以看到props.mapCenter，但这不会根据我单击的位置而改变，它只是地图的中心。

Answer 1

您还需要在 onPolylineClick 中传递第三个参数，因为您在折线中单击的点的 latLng 就在那里。您可以执行以下操作：

onPolylineClick = (props, polyline, e) => {
   console.log("Polyline Clicked on latlng: ")
   console.log(e.latLng.lat()+","+e.latLng.lng());
  };

您可以查看此示例代码。确保在 GoogleApiWrapper 中添加您的 API 密钥，以使代码正确运行。