Наложить координаты на MapView с реактивной - PullRequest
Новая
       10

Наложить координаты на MapView с реактивной

0 голосов
/ 20 сентября 2018

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

https://www.npmjs.com/package/react-native-maps

Нет конкретного примера в справочнике по компонентам оверлея, но я понимаю,это должно выглядеть следующим образом: 

<MapView
    style={{ flex: 1 }}
    initialRegion={{
      latitude: 37.78825,
      longitude: -122.4324,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421,
    }}
  >
    <Overlay 
      image="https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg"
      bounds={[
          {latitude: 40.712216, longitude: -74.22655}, 
          {latitude: 40.773941, longitude: -74.12544}
      ]}
    />
</MapView>

Это, однако, не с этой ошибкой: 

Warning: Failed prop type: Invalid prop `bounds[0]` of type `object` supplied to `MapOverlay`, expected `array`.

Я неправильно пересекаю границы?

1 Ответ

0 голосов
/ 20 сентября 2018

Вы добавили неверные данные границ.Он должен быть массивом и должен обновлять ваш код следующим образом: 

<Overlay 
   image="https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg"
   bounds={[
     [40.712216, -74.22655], 
     [40.773941, -74.12544]
   ]}
/>

или

вам нужно объявить две константы на вашей странице вверху следующим образом:

const COORDINATE1 = [35.67737855391474, 139.76531982421875];
const COORDINATE2 = [35.67514743608467, 139.76806640625];

и ваш код наложения должен быть таким: 

<Overlay 
  image="https://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg"
  bounds={[COORDINATE1, COORDINATE2]}
/>
...