【问题标题】: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}
    />
  );
}

【讨论】:

  • 感谢您的指导。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-05-01
  • 2021-11-28
  • 1970-01-01
  • 2013-09-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多