Bildschirm x/y-Position zu reagieren-native-Karten-Koordinaten

Question

Hier ist mein Szenario:

Ich habe eine reagieren-native-Karten Karte und über die ich habe eine benutzerdefinierte Steuerelement, das in der Mitte des Bildschirms sitzt (absolute Positionierung). Die Steuerung ist (von links nach rechts) mit einem Schließen-Button, Marker und einem Accept-Button angelegt.

Der gewünschte Effekt besteht darin, dem Benutzer zu ermöglichen, die Karte an die Position zu verschieben, an der sich der mittlere Marker befindet, und auf die Schaltfläche "Annehmen" zu klicken.

Hinweis: Das Design soll keine Markierung haben, die der Benutzer auf der Karte zieht. Ich weiß, dass das mit einem MapView.Marker gemacht werden kann.

Ich Frage kommt zu diesem Thema: Gibt es eine Möglichkeit, eine Bildschirme absolute x/y-Position zu einer Kartenkoordinate zu übersetzen?

Ich weiß, dass Sie ein OnPress-Ereignis für die Karte verdrahten können. aber das Steuerelement ist nicht auf der Karte und die Schaltfläche "Annehmen" ist rechts neben dem Marker.

Ich bin mit dem folgend: reagiert-native: 0.40.0 reagieren-native-Karten: 0.13.0

ich nichts in dem MapView docs zu sehen und ich frage mich, ob ich Ich muss nativ dazu gehen.

Dank

Answer 1

Heute hat MapView Komponente react-native-maps Modul, ein Verfahren, das als coordinateForPoint genannt wird.

Ich denke, das löst das Problem.

Ein Beispiel der Nutzung (x und y als X- und Y-Positionen der MapView):

this.map.coordinateForPoint({x:100, y: 200}) .then(coords => alert("lon: " + coords.longitude + ", lat: " + coords.latitude)) .catch(e => alert(e))