0
経度と経度を取得しようとしていますが、取得するデフォルトのジオロケーションjsonオブジェクトからアクセスできないようです。現在の位置の緯度および経度を取得するネイティブiOSに反応します
私はthis exampleは、ドキュメントを形成し、それは素晴らしい作品が、私は唯一の緯度長い&を必要とするので、私はこのようにそれを選ぶしようとしています続き:
const LATITUDE = 19.0760;
const LONGITUDE = 72.8777;
class Map extends Component {
state = {
region: {
latitude: LATITUDE,
longitude: LONGITUDE
},
};
watchID: ?number = null;
componentDidMount() {
navigator.geolocation.getCurrentPosition(
(position) => {
var initialPosition = JSON.stringify(position);
this.setState({
initialRegion: {
latitude: initialPosition.coords.latitude,
longitude: initialPosition.coords.longitude,
}
});
},
(error) => alert(JSON.stringify(error)),
{enableHighAccuracy: true, timeout: 20000, maximumAge: 1000}
);
this.watchID = navigator.geolocation.watchPosition((position) => {
var lastPosition = JSON.stringify(position);
this.setState({
lastRegion: {
latitude: lastPosition.coords.latitude,
longitude: lastPosition.coords.longitude,
}
});
});
}
componentWillUnmount() {
navigator.geolocation.clearWatch(this.watchID);
}
render() {
return (
<View>
<Text>
<Text style={styles.title}>Initial position: </Text>
{this.state.initialRegion}
</Text>
<Text>
<Text style={styles.title}>Current position: </Text>
{this.state.lastRegion}
</Text>
</View>
);
}
}
Eventualy私はこのような何かをレンダリングしたいと思います。
render() {
return (
<MapView
style={ styles.map }
initialRegion={{
latitude: {this.state.lat},
longitude:{this.state.long},
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
/>
);
}
私は何をすべき再私のレンダリングを入れますか?ラット&ロングのみを見るには? –
私の究極の目標は、このlong&latをmapview illで使うことです。OP –
私はあなたが望むものを理解しました。私は私の答えを更新しています。何か問題が発生した場合にお知らせください。 –