Uzyskaj wskazówki dotyczące połączeń API? React-native

Question

W wielu aplikacjach na iOS widzę przycisk informujący o getDirections, który po kliknięciu otworzy mapę Apple/Google o szerokości i długości geograficznej przekazanej jako cel podróży.

Mam przycisk TouchableHighlight z latami i lng gotowymi. Jaki punkt końcowy API muszę wywołać w wywołaniu zwrotnym onPress, aby otworzyć mapy Apple z moimi współrzędnymi jako miejsce docelowe trasy?

Answer 1

Aby połączyć się do innej aplikacji, takich jak mapy, użyć LinkingIOS:

https://facebook.github.io/react-native/docs/linkingios.html

// Replace lat and long with your own decimal latitude and longitude values 
var url = 'http://maps.apple.com/?ll=<lat>,<long>'; 
LinkingIOS.openURL(url); 

Dla odwzorowuje schemat URL jest tak samo jak ze standardowej Obj-C app:

https://developer.apple.com/library/ios/featuredarticles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html

Answer 2

Można użyć Geolocation API:

// Get position once 
navigator.geolocation.getCurrentPosition(
    (initialPosition) => this.setState({initialPosition}), // success callback 
    (error) => alert(error.message), // failure callback 
    {enableHighAccuracy: true, timeout: 20000, maximumAge: 1000} // options 
); 

// Repeatedly track position 
this.watchID = navigator.geolocation.watchPosition((lastPosition) => { 
    this.setState({lastPosition}); 
}); 

można następnie wykorzystać pozycję i wyświetlić go jednak chcesz, być może w MapView.

Answer 3

Aby utworzyć powiązanie z inną aplikacją i otworzyć trasę jako Mapy, użyj tej funkcji:

export function openDirections(latitude, longitude) { 
    Platform.select({ 
     ios:() => { 
      Linking.openURL('http://maps.apple.com/maps?daddr=' + latitude + ',' + longitude); 
     }, 
     android:() => { 
      Linking.openURL('http://maps.google.com/maps?daddr=' + latitude + ',' + longitude); 
     } 
    })(); 
}