通过react native添加地图

时间:2016-04-30 15:01:34

标签: android google-maps github npm react-native

我需要将地图添加到我的应用程序中作为谷歌地图 当我从输入或任何地方选择地点时,由于这个选择在地图上显示地图或过滤器组件, 我真正需要的是如何通过本机反应启动我的应用程序上的地图。 我尝试安装此npm install react-native-maps --save 使用这个插件 https://www.npmjs.com/package/react-native-maps

但它给了我错误

class App extends Component {
  constructor(props) {
    super(props);

    this.state = {
      region: this.getInitialState()
    };
  }

  getInitialState() {

  return {
    latitude: 37.78825,
    longitude: -122.4324,
    latitudeDelta: 0.0922,
    longitudeDelta: 0.0421,
  };
}

onRegionChange(region) {
  this.setState({ region });
}

render() {
  return (
   /*   <View><Text>hi</Text></View> />*/
 <MapView style={styles.map}
      region={this.state.region}
      onRegionChange={this.onRegionChange}
    />

  );
}
}

显示空白页并给我警告,'' 我尝试了很多地图,但我迷路了。 那么请帮助我如何开始?!

2 个答案:

答案 0 :(得分:2)

尝试使用初始化方法初始化区域

this.state = {
  region: this.getInitialState()
};

或者也许是这样的。

this.state = {
    region:{this.getInitialState}
} 

错误说你需要一个对象,而不是一个字符串,所以你需要以某种方式使用该方法初始化该区域

答案 1 :(得分:-1)

如果您使用Genymotion,则必须安装Google服务或在实际的Android设备中试用。