如何解决如何从我的多边形返回/获取坐标?
我正在使用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>
谢谢。
解决方法
您正在寻找的是Polygon类https://developers.google.com/maps/documentation/javascript/reference/polygon中的getPath
方法
在您的沙箱中,我可以将路径作为对象获得,其中的数组长度为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 });
};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。