将屏幕 x/y 位置转换为 react-native-maps 坐标答案

【问题标题】：Translate screen x/y position to react-native-maps coordinates将屏幕 x/y 位置转换为 react-native-maps 坐标
【发布时间】：2017-05-23 04:31:04
【问题描述】：

这是我的场景：

我有一个 react-native-maps 地图，并且我有一个位于屏幕中心的自定义控件（绝对定位）。该控件的布局（从左到右）带有一个关闭按钮、一个标记和一个接受按钮。

想要的效果是让用户将地图移动到中间标记所在的位置，然后点击接受按钮。

注意：该设计不是让用户在地图上拖动的标记。我知道这可以通过 MapView.Marker 来完成。

我的问题归结为：有没有办法将屏幕的绝对 x/y 位置转换为地图坐标？

我知道你可以为地图连接一个 onPress 事件。但是控件不在地图上，并且接受按钮在标记的右侧关闭。

我正在运行以下命令：反应原生：0.40.0 反应原生地图：0.13.0

我在 MapView 文档中没有看到任何内容，我想知道我是否必须对此进行本地化。

谢谢

【问题讨论】：

标签： react-native-maps

【解决方案1】：

今天，react-native-maps 模块的MapView 组件有一个称为coordinateForPoint 的方法。

我想这可以解决问题。

使用示例（x 和 y 作为 MapView 的 X 和 Y 位置）：

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

【讨论】：