私はarduino、gpsモジュール、およびgsmを使用してクローラを作成しようとしています。ブレイクデータをコンマで区切って
私は緯度、経度を受信してSMSとして携帯電話に送信できますが、携帯電話では地図上の場所を示す反応ネイティブアプリケーションを作成しようとしています。その関数内で
import React, { Component } from 'react';
import {
StyleSheet,
Text,
View
} from 'react-native';
import MapView from 'react-native-maps';
export default class App extends Component {
state = {
latitude: 0.0000,
longitude: 0.0000,
};
render() {
const { region } = this.props;
const { latitude, longitude } = this.state;
console.log(region);
return (
<View style ={styles.container}>
<MapView
initialRegion={{
latitude,
longitude,
latitudeDelta: 0.0042,
longitudeDelta: 0.0031,
}}
style={styles.map}
rotateEnabled={false}
scrollEnabled={false}
//zoomEnabled={false}
showsPointsOfInterest={false}
showBuildings={false}
>
<MapView.Marker
coordinate={{
latitude: 0.0000,
longitude: 0.0000,
}}
/>
</MapView>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
...StyleSheet.absoluteFillObject,
position: 'absolute',
top: 0,
left: 0,
bottom: 0,
right: 0,
justifyContent: 'flex-end',
alignItems: 'center',
},
map: {
...StyleSheet.absoluteFillObject,
},
});
両機能:
import React, { Component } from 'react';
import {
AppRegistry,
Text,
View,
Button
} from 'react-native';
import SmsListener from 'react-native-android-sms-listener';
export default class App extends Component {
//constructor include last message
constructor(props) {
super(props);
this.state = { lastMessage: 1 };
}
sms(){
SmsListener.addListener(message => {
this.setState({ lastMessage: message.body });
});
}
render() {
return (
<View>
<Text> Scheduled jobs: {this.state.lastMessage} </Text>
<Button
title="Buscar"
color="#115E54"
onPress={() => this.sms() }
/>
</View>
);
}
}
とマップを表示するには、このコード:
実行するテストでは、私は、着信メッセージを監視するには、このコードを得ました。
問題は、私はSMS形式0.0000, 0.0000
でデータを取得し、私はlatitude
に割り当てることができるように二つにこのデータを分割する必要があると
longitude
は、どのように私はそれを行うかという点にありますか?