En React, estoy tratando de hacer que un evento onClick apunte un marcador en un mapa a una nueva ubicación usando la biblioteca google-map-react. Mi mapa se muestra y tengo un botón en el mapa, pero no estoy seguro de cómo hacer que un marcador en el mapa apunte a las nuevas coordenadas que tengo. La documentación sobre google-map-react no es muy útil. Intenté establecer nuevas coordenadas usando el parámetro onChildClick como se ve en mi código a continuación, pero no funciona. La siguiente es una sección de mi código.
...<GoogleMapReact bootstrapURLKeys={{ key: 'API_KEY', }} defaultCenter={mapProp.center} defaultZoom={mapProp.zoom} options={mapOptions} yesIWantToUseGoogleMapApiInternals onGoogleApiLoaded={({ map, maps }) => handleApiLoaded(map, maps)} onChildClick={() => { setCoord({ latitude: coord.latitude, longitude: coord.longitude, }); }} > <Button variant="light" style={{ position: 'absolute', left: '-20%', top: '-340px', }} onClick={handleCoordinates} > Find new place button </Button> {cardVisible && <MyMarker />} {cardVisible && ( <MarkerComponent lat={59.965411} lng={30.377844} text={'Location Marker info here!'} /> )} </GoogleMapReact>Su código nunca actualiza la ubicación del marcador.
const [coord, setCoord] = useState({latitude: 59.965411, longitude:30.377844}); ... return ...<GoogleMapReact ... <MarkerComponent lat={coord.latitude} lng={coord.longitude} text={'Location Marker info here!'} />