ouvrez google maps/google maps à réagir natif

Je suis en train d'ouvrir google maps ou cartes dans mon réagir application native, mais quand je lance l'appli sur mon Iphone/simulateur-je recevoir le message d'erreur "Ne savez pas comment l'ouvrir URI:...".
Ce que je fais de mal?

Mon code:

openGps() {
  var url = 'geo:37.484847,-122.148386'
  this.openExternalApp(url)
}

openExternalApp(url) {
  Linking.canOpenURL(url).then(supported => {
    if (supported) {
      Linking.openURL(url);
    } else {
      console.log('Don\'t know how to open URI: ' + url);
    }
  });
}
est-il une manière similaire pour ouvrir l'application appareil photo?

OriginalL'auteur lolix | 2017-04-04

  1. 50

    Pour ouvrir une url avec étiquette personnalisée ios/android:

    const scheme = Platform.select({ ios: 'maps:0,0?q=', android: 'geo:0,0?q=' });
const latLng = `${lat},${lng}`;
const label = 'Custom Label';
const url = Platform.select({
  ios: `${scheme}${label}@${latLng}`,
  android: `${scheme}${latLng}(${label})`
});


Linking.openURL(url);
    Cette solution est tellement propre! Merci pour le label composant!
    de telles modifications const scheme = Plate-forme.OS === 'ios' ? 'cartes:0,0?q=' : 'geo:0,0?q=';
    Cette réponse doit être marqué comme accepté, car fonctionne bien sur Android et iOS.
    IOS carte est rendu mauvais latlang.
    sur google maps, le marqueur le nom, les coordonnées et non pas l'étiquette :/

    OriginalL'auteur Narek Ghazaryan

  2. 8

    C'est parce que iOS n'a pas encore de support pour geo: pourtant, comme mentionné dans cette SORTE de réponse. Ce que vous pouvez faire est de détecter le système d'exploitation et:

    • utilisation geo: sur Android
    • poignée iOS différemment. Peut-être l'utiliser maps: comme il va ouvrir Apple Maps, si je ne suis pas sûr de la façon d'envoyer les coordonnées. Ou peut-être l'ajouter à une carte google maps URL http et de l'ouvrir dans le navigateur.

    Pour exemple, votre openGps fonction pourrait ressembler à ceci:

    openGps = () => {
  var scheme = Platform.OS === 'ios' ? 'maps:' : 'geo:'
  var url = scheme + '37.484847,-122.148386'
  this.openExternalApp(url)
}
    Vous pouvez également utiliser http://maps.apple.com/?ll=<lat>,<long> ou http://maps.apple.com/?daddr=<lat>,<long> pour démarrer la navigation.

    OriginalL'auteur Michael Cheng

  3. 5

    vous pouvez le faire comme ceci:

    Android: 

     <TouchableOpacity onPress={() => Linking.openURL('google.navigation:q=100+101')}>

    où q est la destination lat + long

    IOS:

      <TouchableOpacity onPress={() => Linking.openURL('maps://app?saddr=100+101&daddr=100+102')}>

    où saddr est l'adresse de début et de daddr est l'adresse de destination lat+long

    OriginalL'auteur oma

  4. 0
    const latitude = "40.7127753";
const longitude = "-74.0059728";
const label = "New York, NY, USA";

const url = Platform.select({
  ios: "maps:" + latitude + "," + longitude + "?q=" + label,
  android: "geo:" + latitude + "," + longitude + "?q=" + label
});
Linking.openURL(url);

    ou de vérifier si il y a une carte google application sur l'appareil, et si ne pas ouvrir l'emplacement dans le navigateur

    const latitude = "40.7127753";
const longitude = "-74.0059728";
const label = "New York, NY, USA";

const url = Platform.select({
  ios: "maps:" + latitude + "," + longitude + "?q=" + label,
  android: "geo:" + latitude + "," + longitude + "?q=" + label
});

Linking.canOpenURL(url).then(supported => {
  if (supported) {
    return Linking.openURL(url);
  } else {
    browser_url =
      "https://www.google.de/maps/@" +
      latitude +
      "," +
      longitude +
      "?q=" +
      label;
    return Linking.openURL(browser_url);
  }
});

    OriginalL'auteur Ali Mohammad