Verknüpfung von Karte, Reagieren Nativen

Ich bin mit RN 0.20 für iOS. Ich möchte einen link, wo, wenn Sie auf diesen link klicken, wird es leiten Sie auf der Karte die apps im Telefon mit seiner koordinieren. Dies ist, was ich getan habe Verwendung von Linking-Komponente.

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));
}

Aber es gibt mir immer wieder " Don 'T know how to go'. Allerdings sehe ich aus der Dokumentation https://facebook.github.io/react-native/docs/linking.html, dass es machbar ist, zu verwenden geo: link zu map.

InformationsquelleAutor Kelvin Aliyanto | 2016-03-13
  1. 15

    Die Verwendung der richtigen URL-Schema

    Haben Sie einen Blick auf die offizielle Dokumentation von iOS.
    Zum öffnen von Karten, verwenden Sie den vorgeschlagenen Schema:

    http://maps.apple.com/?ll=<lat>,<long>
    • Vielen Dank für die Hilfe 🙂
    • OK, aber warum die Verlinkung mit geo URL nicht funktioniert? Wie @KelvinAliyanto erwähnt, es ist klar geschrieben, in Reagieren Einheitlichen Dokumentation. Ich hatte erwartet, dass wenn ich geo URL öffnet sich ein Menü (wenn es mehr als 1 map-Anwendung), so etwas wie dieses: kevinandamanda.com/whatsnew/wp-content/uploads/2014/01/...
    • Folgen Sie dem link auf die offizielle Dokumentation von iOS. Es sagt: "im Gegensatz zu einigen Regelungen, anzeigen URLs nicht mit einer "Karten" - Schema-Bezeichner. Stattdessen map-links angegeben sind, als normale http-verbindungen und geöffnet werden, entweder in Safari oder die Karten-app auf der Ziel-Plattform."
    • Wenn Sie möchten, eine navigation zu starten, verwenden Sie http://maps.apple.com/?daddr=<lat>,<long>.
    InformationsquelleAutor purii
  2. -4

    Können Sie reagieren-native-offenen-Karten-Paket

    1. Installieren Sie das repository
      $ npm install --save react-native-open-maps

    2. Hinzufügen eines Imports an den Anfang der Datei
      import openMap from 'react-native-open-maps'

    3. Alles zusammen

    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 ?" />
    );
  }
}
    InformationsquelleAutor Sandesh Vakale
Schreibe einen Kommentar