javascript - 如何从我的多边形返回/获取坐标？

Question

我google-maps-react用来在地图上渲染多边形。

当我单击一个多边形时，我希望它返回该选定多边形的所有坐标。你能告诉我这是否可能吗？

这是我在codesandbox中输入的代码：https ://codesandbox.io/s/falling-tree-ikvq1?file=/src/index.js

这是我绘制地图的地方：

<Map
  google={this.props.google}
  className={"map"}
  zoom={4}
  initialCenter={{ lat: 20.0, lng: -70.0 }}
>
  <Polygon
    onClick={this.handleClick}
    paths={triangleCoords}
    strokeOpacity={0.8}
    strokeWeight={2}
    fillColor={this.fillColors[0]}
    fillOpacity={0.35}
  />
</Map>

提前致谢。

Answer 1

看起来您正在寻找的是getPathPolygon 类中的方法https://developers.google.com/maps/documentation/javascript/reference/polygon

在您的沙箱中，我能够将路径作为长度为 4 的数组的对象获取：

handleClick = (props, polygon, e) => {
  console.log("polygon: ", polygon.getPath());
  const currentColor =
  polygon.fillColor == this.fillColors[0]
    ? this.fillColors[1]
    : this.fillColors[0];
   polygon.setOptions({ fillColor: currentColor });

};