如何在 React-native 中使用 Open Street Map答案

【问题标题】：How to use Open Street Map with React-native如何在 React-native 中使用 Open Street Map
【发布时间】：2021-08-03 17:34:07
【问题描述】：

作为 react-native 的初学者，我正在寻找一个 react-native 库，它可以支持 react-native 上的地图可视化（开放街道地图）。

因此我发现： react-native-open-street-map -- 但这仅适用于安卓， react-native-webview-leaflet -- 但 2 年后不再受支持。您有其他可能对我有帮助的解决方案吗？

拜托，我正在避免使用 Google 地图，我需要一个无价的解决方案。

【问题讨论】：

您好！您找到如何使用开放街道地图的解决方案了吗？
是的，我找到了使用它的方法。

标签： javascript react-native dictionary openstreetmap react-native-maps

【解决方案1】：

建议去https://github.com/react-native-maps/react-native-maps 因为这是一个可维护的库，然后是前一个库，然后按如下方式使用它

import MapView, {Marker, Callout, PROVIDER_GOOGLE} from 'react-native-maps';
getInitialState() {
  return {
    region: {
      latitude: 37.78825,
      longitude: -122.4324,
      latitudeDelta: 0.0922,
      longitudeDelta: 0.0421,
    },
  };
}

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

render() {
  return (
    <MapView
      region={this.state.region}
      onRegionChange={this.onRegionChange}
    />
  );
}

【讨论】：

感谢您的指导。