如何使用leaflet.js与react-native

Question

我有困难的时候建立Leaflet.js与react-native.文档告诉我在我的html中添加以下脚本...

<script src="https://unpkg.com/leaflet@1.0.1/dist/leaflet.js"></script>

但我不确定我是如何使用反应做的.现在我的主页面呈现如下......

AppRegistry.registerComponent('beacon', () => Home);

我Home只是像...

export default Home = () => {
    return (
        <Provider store={store}>
            <MainMap />
        </Provider>
    );
}

在哪里/如何添加此脚本标记以包含Leaflet.js？它甚至可能吗？还有其他解决办法吗？

我还没有看到任何例子react-native和Leaflet.js,如果有的话,在github或什么不是,我很高兴看到它.

Answer 1

有一个项目反应传单,你可以通过它反复使用leaflet.js.

但目前还没有支持在react-native中使用leaflet.js.有关详细信息,请参阅此问题.

Answer 2

请查看react native推荐的react-native-maps

Answer 3

我在网上找到了一个使用 React Native 解决传单的项目：https : //github.com/reggie3/react-native-webview-leaflet