Ya he revisado las respuestas que sugieren usar "polygon.setMap (null)" cada vez que quiero eliminar el polígono. Pero, el polígono en mi código es creado por el administrador de dibujo y he adjuntado el fragmento de código a continuación sobre cómo se dibuja el polígono. Quiero eliminarlo con doble clic pero no tengo ninguna variable que defina este tipo de polígono. Ayúdenme a encontrar una forma de eliminar el polígono con un doble clic. La función Onpolygoncomplete me ayuda a guardar matrices de puntos de superposición de polígonos.
import React, { useState } from "react"; import {LoadScript,GoogleMap,Polygon,DrawingManager} from "@react-google-maps/api"; function Map(){ const [polycoords, setpolycoords] = useState([]); const onPolygonComplete = async (polygon) => { var polygonBounds = polygon.getPath(); for (var i = 0; i < polygonBounds.length; i++) { var point = { lat: polygonBounds.getAt(i).lat(), lng: polygonBounds.getAt(i).lng(), type: type, }; polycoords.push(point) } } return( <LoadScript id="script-loader" googleMapsApiKey={"1234567890"} language="en" libraries= {googleMapsLibraries} > <GoogleMap mapContainerClassName="map" map="map" center={{ lat: latitude, lng: longitude }} zoom={25} version="weekly" mapTypeId="satellite" maxZoom = {40} options={{ disableDefaultUI: false, mapTypeId: "satellite", streetViewControl: false, zoomControl : false, mapTypeControl : false, zoom :25 }} > <DrawingManager onPolygonComplete={onPolygonComplete} drawingMode={drawingOption} options={{ drawingControl: true, polygonOptions: { editable: true, draggable: false, fillColor: movableColor, strokeColor: movableColor, fillOpacity: 0, strokeWeight: 3, } }} /> <Polygon paths = {polycoords} //please help me delete this polygon on dbl click. There is option "OnDblClick?" present but I am not sure. key={2} editable={true} options={{ strokeColor: "#FF0000", strokeOpacity: 1, strokeWeight: 3, fillColor: "#FF0000", fillOpacity: 0, }} /> ) export default Map;