2017-11-22 8 views
0

私は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は、どのように私はそれを行うかという点にありますか?

答えて

1

次のような操作を行うことができます。

const [latitude, longitude] = "0.0000, 0.0000".split(', ');