Не удается анимировать координаты в React собственных картах - PullRequest
Новая
       11

Не удается анимировать координаты в React собственных картах

0 голосов
/ 30 марта 2020

Я работаю над приложением бронирования с использованием собственных карт React, пользователь выбирает место получения и место выдачи, а затем продолжает заполнять другие детали.

Но у меня возникла проблема с использованием анимации React-native-maps для координаты. 

import React, { useState, useEffect, useContext, useRef } from "react";
const mapRef = useRef(null);
return (
<view>
<MapView
        provider={PROVIDER_GOOGLE} // remove if not using Google Maps
        style={StyleSheet.absoluteFillObject}
        region={{
          latitude: userPickupLocation.latitude,
          longitude: userPickupLocation.longitude,
          latitudeDelta: 0.1,
          longitudeDelta: 0.1
        }}
        showsUserLocation={true}
        ref={ref => this.mapView = ref}
      >
{showRoute == true && (
          <MapViewDirections
            origin={userPickupLocation}
            destination={dropOffCoordinates}
            apikey={"AIzaSyDSzlsSpiE8ZKAqA1RMtqTb5I2vAYrqfIg"}
            mode="DRIVING"
            strokeWidth={3}
            strokeColor="#0F3B51"
          />
        )}
  </MapView>
  </View> 
 )

Затем у меня есть ввод в другом месте, где я использую для обработки нескольких функций, одна из них изменяет область просмотра карты 

<TouchableOpacity
                  style={styles.recommendationsItemStyle}
                  key={key}
                  onPress={async () => {
                    await getCoordinatesofDropoffPlace(place.place_id);
                    await setRecommendedDropoffPlaces([]);
                    await setDropOffPlace(place.description)
                    await setShowRoute(true);
                    console.log(userPickupLocation, "picked", dropOffCoordinates)
                    this.mapView.animateToRegion(
                      {
                        latitude: 33.8025, 
                        longitude: 33.8025,
                        latitudeDelta: 5,
                        longitudeDelta: 5
                      }, 5000)  
                  }}
                >

В моем вызове Функция Я ввел числа, чтобы мне было легче перед их заменой на фактические места, но это не работает. Анимация для местоположения, переданного как область в просмотре карты, в userPickupLocation.

...