Tal como dice el título, estoy migrando una aplicación que creé que usa la API de Google Maps para representar el mapa y, a partir de ahí, muestro información sobre los mapas y tengo alguna función para explorar si el usuario hace clic en algo.
el código de error que estoy recibiendo es este.
Escriba '{ lat: () => número; largo: () => número; }' faltan las siguientes propiedades del tipo 'LatLng': equals, toJSON, toUrlValue
Este es el código que está generando el error.
const { ready, value, suggestions: { status, data }, setValue, clearSuggestions, } = usePlacesAutocomplete({ requestOptions: { location: { lat: () => 40.7703, lng: () => -73.9883 }, // This line specifically radius: 50 * 1000, }, });Esta es la función panTo que la búsqueda está teniendo en cuenta.
const panTo = React.useCallback(({ lat, lng }) => { mapRef.current.panTo({ lat, lng }); mapRef.current.setZoom(14); }, []);Consulte la documentación de la interfaz AutocompletionRequest utilizada por requestOptions . La propiedad de location debe ser una instancia de google.maps.LatLng
usePlacesAutocomplete({ location: new google.maps.LatLng(40.7703, -73.9883), radius: 50 * 1000, });