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

时间:2017-01-08 23:36:26

标签: react-native-maps

以下是我的情景:

我有一个react-native-maps地图,我有一个位于屏幕中心的自定义控件(绝对定位)。控件按照关闭按钮,标记和接受按钮布局(从左到右)。

所需效果是允许用户将地图移动到中间标记所在的位置,然后单击接受按钮。

注意:设计中没有用户拖动地图的标记。我知道可以用MapView.Marker完成。

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

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

我正在运行以下内容: 反应原生:0.40.0 react-native-maps:0.13.0

我没有在MapView文档中看到任何内容,我想知道我是否必须在此处继续使用。

由于

1 个答案:

答案 0 :(得分:1)

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

我想这解决了这个问题。

使用示例(xy作为MapView的X和Y位置):

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