Интеграция нативной карты React

Я пытаюсь интегрировать карту в React Native. Я следую приведенному ниже руководству. https://github.com/airbnb/react-native-maps

Я прошел всю инструкцию по установке. Я использую react-native version : 0.44.0 и react-native-map version : 0.13.0. Я убедился, что react-native-link связан с Android и iOS. При рендеринге карты в симуляторе ios карта не отображается, и только я могу открыть пустую карту с красным контуром.

Пожалуйста, проверьте мой код ниже и дайте мне знать, где я ошибаюсь.

var MapView = require('react-native-maps');
<MapView
    initialRegion={{
    latitude: 37.78825,
    longitude: -122.4324,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
    }}
/>

ios react-native react-native-ios react-native-maps
person Sambit Prakash    schedule 10.08.2017    source источник
comment
Я предлагаю вам сначала проверить, работает ли он для вас с Genymotion. Вы используете эмулятор или физическое устройство?   -  person Michał Urbaniak    schedule 16.08.2017

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте добавить представление и некоторые высоты и ...StyleSheet.absoluteFillObject

<View style={{height:400}}>
    <MapView 
         style={{ ...StyleSheet.absoluteFillObject,height:400 }}
         initialRegion={{
             latitude: 37.78825,
             longitude: -122.4324,
             latitudeDelta: 0.0922,
             longitudeDelta: 0.0421,
         }}
    />
</View>
person jeremie payet    schedule 10.08.2017
comment
Привет, @jeremie, спасибо за ответ. Извините, что говорю вам, что это не работает для меня. Я уже прошел этот код. также я обновляю версию react-native-map до 0.16.0. Но эффекта нет. - person Sambit Prakash; 11.08.2017
comment
Наконец я решил эту проблему после обновления RN до 0.47.1. также я обновляю версию карты до 0.16.1. Теперь он работает нормально. - person Sambit Prakash; 17.08.2017

arrow_upward
0
arrow_downward

Не забудьте включить ключ Google Maps API в файл AndroidManifest.xml.

person Ray Lee    schedule 17.08.2017