通过反应原生地图添加地图

问题描述：

我需要将地图添加到我的应用程序中，因为谷歌地图当我从输入或任何地方选择地点时，由于此选择而在地图上显示地图或过滤组件，我确实需要的是通过本机反应在我的应用程序上启动地图。我尝试使用这个插件 https://www.npmjs.com/package/react-native-maps 通过反应原生地图添加地图

安装此npm install react-native-maps --save 但它给我的错误

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} 
    /> 

); 
} 
}

显示空白页，给我警告，' ，我尝试了很多地图，但我得到丢失。那么请帮助我如何开始？

你可以在示例代码中找到它。 https://github.com/lelandrichardson/react-native-maps/tree/master/example –

哦，这个错误是有道理的......看看你如何设置区域为空字符串？你会看到getInitialState（）方法返回什么？您可以通过调用该方法来初始化区域 –

@ cricket_007 \t 它给我警告并且什么都不显示，'getInitialState在app上定义。一个普通的JavaScrpit类。这仅支持使用react.creatclass创建的类。你的意思是定义一个状态属性吗？' –

答

尝试用你的初始化方法

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

或者，也许这样的初始化区域。

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

错误说你需要一个对象，而不是字符串，所以你需要的，如果你使用Genymotion必须安装谷歌服务或尝试在实际的Android设备使用方法在某种程度上

它给了我警告并且什么都不显示，'getInitialState是在应用程序中定义的。一个普通的JavaScrpit类。这仅支持使用react.creatclass创建的类。你的意思是定义一个状态属性吗？' –

对不起，我从未真正使用过React。看看编辑是否有帮助 –

答

初始化区域。

通过反应原生地图添加地图

相关推荐