aaronksaunders/react-native-reverse-geo

react-native-reverse-geo

React Native module bridge to convert address to geo coordinates.

Makes use of the following native iOS classes:

• CLGeocoder
• CLPlacemark
• MKPlacemark

API

Getting Started (and running the demo project)

1. From inside your project run npm install react-native-reverse-geo --save
2. In XCode, in the project navigator, right click Libraries ➜ Add Files to [your project's name]
3. Go to node_modules ➜ react-native-reverse-geo and add RNReverseGeo.xcodeproj
4. In XCode, in the project navigator, select your project. Add libRNReverseGeo.a to your project's Build Phases ➜ Link Binary With Libraries
5. Click RNReverseGeo.xcodeproj in the project navigator and go the Build Settings tab. Make sure 'All' is toggled on (instead of 'Basic'). Look for Header Search Paths and make sure it contains both $(SRCROOT)/../react-native/React and $(SRCROOT)/../../React - mark both as recursive.
6. RNReverseGeoRun your project (Cmd+R)

Usage Example

var React = require('react-native');

// Load Up our Native Module..
var {
    RNReverseGeo
} = require('NativeModules');

  getInitialState: function() {
    return {
      reverseGeoResults: "Loading..."
    };
  },

  componentDidMount: function() {
    var that = this;
    RNReverseGeo.geoCodeAddress("370 Tompkins Ave, Brooklyn, NY 11216", 
      function(_results){
        console.log(_results);
        that.setState({
          reverseGeoResults : JSON.stringify(_results,null,2)
        })
      });
  },

There is an example project supplied with the repo in the RNReverseGeoDemo folder.