Łączenie mapy w React Native

Question

Używam RN 0,20 dla iOS. Chcę utworzyć link, który po kliknięciu tego linku przekieruje Cię do aplikacji mapy dostępnej w telefonie z jego współrzędnymi. Właśnie to zrobiłem, używając składnika Linking.

redirectToMap() { 
    Linking.canOpenURL('geo:37.484847,-122.148386').then(supported => { 
     if (supported) { 
      Linking.openURL('geo:37.484847,-122.148386'); 
     } else { 
      console.log('Don\'t know how to go'); 
     } 
    }).catch(err => console.error('An error occurred', err)); 
} 

Ale nadal daje mi "Nie wiem, jak iść". Jednak widzę z jego dokumentacji w https://facebook.github.io/react-native/docs/linking.html, że jest możliwe użycie geo: do połączenia z mapą.

Answer 1

Zastosowanie prawidłowy schemat URL

Wystarczy popatrzeć na official documentation iOS. Aby otworzyć mapy, użyć sugerowanego schematu:

http://maps.apple.com/?ll=<lat>,<long> 

Answer 2

Można użyć reagować-native otwartej mapy pakiet

1. Install repozytorium $ npm install --save react-native-open-maps

2. Dodaj importu do do góry pliku import openMap from 'react-native-open-maps'

3. umieścić to wszystko razem

import React, { Component } from 'react' 
import { Button } from 'react-native' 
import openMap from 'react-native-open-maps' 

export default class App extends Component { 
    _goToYosemite() { 
    openMap({ latitude: 37.865101, longitude: -119.538330 }); 
    } 

render() { 
    return (
     <Button 
     color={'#bdc3c7'} 
     onPress={this._goToYosemite} 
     title="Click To Open Maps " /> 
    ); 
    } 
}