Skip to content

remobile/react-native-tencent-geolocation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Installation

npm install @remobile/react-native-tencent-geolocation --save

Installation (Android)

  • settings.gradle include ':react-native-tencent-geolocation' project(':react-native-tencent-geolocation').projectDir = new File(settingsDir, '../node_modules/@remobile/react-native-tencent-geolocation/android')

  • build.gradle compile project(':react-native-tencent-geolocation')

  • MainApplication new TencentGeoLocationPackage()

Installation (iOS)

  • Project navigator->Libraries->Add Files to select @remobile/react-native-tencent-geolocation/ios/RCTTencentGeoLocation.xcodeproj
  • Project navigator->Build Phases->Link Binary With Libraries add libRCTTencentGeoLocation.a
  • Add frameworks to your project, include AMapLocationKit.framework and AMapFoundationKit.framework
  • Project navigator->Build Phases->Link Binary With Libraries add AMapLocationKit.framework and AMapFoundationKit.framework

Usage

module.exports = React.createClass({ getInitialState () { return { location: {} }; }, componentWillMount () { SplashScreen.hide(); },

 componentDidMount () {
    SplashScreen.hide();
    this.configLocationManager();
},
configLocationManager () {
    if (!app.isandroid) {
        TencentGeolocation.configLocationManager('AEJBZ-TAICD-44F4N-PZTHZ-JNEAO-VCBMX');
    }
},
componentWillUnmount() {
  AMapGeolocation.stopSerialLocation();

}, updateLocationState(location) { if (location) { location.timestamp = new Date(location.timestamp).toLocaleString(); this.setState({ location }); console.log(location); } }, getLastLocationTencent() { TencentGeolocation.getCurrentPosition() .then(data => { console.warn(JSON.stringify(data)); this.updateLocationState(data); }) .catch(e => { console.warn(e, 'error'); }); } ,

render() {
  const { location } = this.state;
  return (
    <View style={styles.container}>
      <ScrollView style={styles.controls}>
        <Button style={styles.button} onPress={this.getLastLocationAmap}>高德定位</Button>
        <Button style={styles.button} onPress={this.getPositionBaidu}>百度定位</Button>
        <Button style={styles.button} onPress={this.getLastLocationTencent}>腾讯定位</Button>
      </ScrollView>
    </View>
  );

}, });

const styles = StyleSheet.create({ container: { flex: 1, }, controls: { height: sr.h/2, }, button: { height: 46, width: 300, marginLeft: (sr.w - 300) / 2, marginTop: 60, backgroundColor: '#c81622', borderRadius:4, }, });

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published