2016-12-12 14 views
0

反応したネイティブアプリはreact-native-mapsを使用して、Googleマップとマーカーを表示しています。スタイル付きViewは、デバイス画面上の固定位置を持つ位置マーカーとして使用されます。反応ネイティブマップでGPS位置を取得するには

質問<View style={styles.marker}>コンポーネントの左下隅のマーカーのGPS座標(緯度/経度)を取得するにはどうすればよいですか?

<MapView 
    ref='map' 
    initialRegion={{ 
     latitude: LATITUDE, 
     longitude: LONGITUDE, 
     latitudeDelta: LATITUDE_DELTA, 
     longitudeDelta: LONGITUDE_DELTA, 
    }} 
    showsUserLocation={true} 
></MapView> 

<View style={styles.markerContainer}> 
    <View style={styles.marker}> 
    </View> 
</View> 

スタイルこのコード例https://github.com/airbnb/react-native-maps/blob/master/example/examples/MyLocationMapMarker.js

「this.state.myPosition」の値を表示する内部テキストフィールドで下にビューを追加して

var deviceHeight = Dimensions.get('window').height; 
StyleSheet.create({ 
    markerContainer: { 
     bottom: deviceHeight/2.2, 
     position: 'absolute', 
     left: 0, 
     right: 0, 
    }, 
}) 
+0

私はリアクションネイティブマップのマーカーコンポーネントを使用する必要があると思います。https://github.com/airbnb/react-native-maps/blob/master/docs/markerあなた自身で絶対的な位置にしないでください。 –

答えて

0

スタート

関連する問題