從React Google Maps刪除Edge？

Question

我需要從反應谷歌地圖的繪制邊界時刪除邊緣。

<GoogleMap onClick={(value)=>{
      props.map_data.getClassName(value)
      }} defaultZoom={9} defaultCenter={props.locationCoords} defaultOptions={{ gestureHandling: "greedy" }}>
      <Polygon
        paths={props.reversedCoords}
        // geodesic={true}
        options={{
          fillColor: `#ff0000`,
          fillOpacity: 0.7,
          strokeColor: '#47a4fa',
          strokeOpacity: 0.7,
          strokeWeight: 3,
          clickable: true,
          editable: true,
          zIndex: -1,
          geodesic:false          
        }}
/>
</GoogleMap>

在此處輸入圖片說明

Answer 1

您無法刪除白點之間的靜音點，但可以通過其他方式更新狀態變量以編輯多邊形。

檢查下面的代碼

<GoogleMap onClick={(value) => {
  this.setState({ polygonEditable: false });
  props.map_data.getClassName(value)
}} defaultZoom={9} defaultCenter={props.locationCoords} defaultOptions={{ gestureHandling: "greedy" }}>
  <Polygon
    paths={props.reversedCoords}
    onClick={e => this.setState({ polygonEditable: true })}
    // geodesic={true}
    options={{
      fillColor: `#ff0000`,
      fillOpacity: 0.7,
      strokeColor: '#47a4fa',
      strokeOpacity: 0.7,
      strokeWeight: 3,
      clickable: true,
      editable: this.state.polygonEditable,
      zIndex: -1,
      geodesic: false
    }}
  />
</GoogleMap>

希望這對您有用！