Estoy usando el paquete React Google Maps API para crear un componente de mapa con un componente de círculo dentro. Aquí está el paquete del registro npm https://www.npmjs.com/package/@react-google-maps/api .
Estoy usando el componente Circle dentro de un componente de Google Map . Configuré el Circle para que se pueda arrastrar y cambiar de tamaño.
Necesito obtener el nuevo valor del center para cada acción de arrastre y obtener el nuevo valor del radius para cada acción de cambio de tamaño. En esta https://react-google-maps-api-docs.netlify.app/#circle documentación, onCenterChanged y onRadiusChanged tienen un tipo de void .
Entonces , mi pregunta es ¿cómo puedo obtener el nuevo valor del center para cada acción de arrastre y obtener el nuevo valor del radius para cada acción de cambio de tamaño usando esta biblioteca?
¿O hay alguna solución usando la biblioteca original de Google Maps?
Aquí está el código: https://codesandbox.io/s/circle-react-google-maps-api-lo9f6
Después de leer nuevamente la documentación y muchos intentos, encontré la solución para obtener los nuevos valores de ubicación y radio de la nueva posición/tamaño del Círculo.
onLoad prop y configuré el círculo usándolo. Luego imprimí el valor del estado del circle para verificar si había valores de latitud, longitud y radio o no.
Encontré esos valores y aquí estaba el código.
const [ circle, setCircle ] = useState(null) <Circle center={mapCenter} radius={radius} options={circleOptions} onLoad={(circle) => setCircle(circle)} onUnmount={(circle) => setCircle(null)} onCenterChanged={() => circle && setCircleCenter({ lat: circle['center'].lat(), lng: circle['center'].lng() })} onRadiusChanged={() => circle && setRadius(parseInt(circle['radius']))} />