En mi aplicación, un usuario puede querer correr desde el punto A hasta el punto B, así que le mostramos la ruta en un mapa.

El usuario conecta su ubicación de inicio, se envía al servidor y luego escupe en el mapa en la página siguiente (una vez que han comenzado a ejecutarse).

Cuando trato de mostrarles su ruta en el mapa, sigo recibiendo la advertencia anterior sobre la información asociada con el destino del corredor.

La consola lo registra como:

 object{ latitude: -1, longitude: -1, }

Cuando codifico las coordenadas en la función, la consola registra la latitud y la longitud correctas, pero aún no las escupe en el mapa. A continuación se muestra parte de mi código:

 const [user_latitude, setUserLatitude] = useState(0) const [user_longitude, setUserLongitude] = useState(0) const [ startRun, setStartRun] = useState(null) const [ endRun setEndRun ] = useState(null) useFocusEffect( React.useCallback(()=?{ let isActive = true; const fetchGeoPosition = () =>{ //gets runner's current position navigator.geolocation.getCurrentPosition( position=>{ if(isActive){ setUserLatitude(position.coords.latitude) setUserLongitude(position.coords.longitude) } ... const finalLocation = async()=>{ let running_response = await client_instance.get_final_locations setEndRun({ //this spits out -1,-1 when pulled from server latitude: client_response["location_info"]["end_lat"], longitude: client_response["location_info"][end_lon"], }) } ... finalLocation() setStartRun( { latitude: user_latitude, longitude: user_longitude }, ) ... <MapViewDirections origin={startRun} destination={endRun} strokeWidth={5} /> <Marker coordinate={startRun}/> //This will render their start pin <Marker coordinate={endRun}/> //This renders -1,-1 when imported from server