如何使用传单,js与react-native

yacmzcpb 于 2023-05-01 发布在 React

关注(0)|答案(4)|浏览(202)

我很难用react-native设置Leaflet.js。文档告诉我在html中添加以下脚本。..

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

但我不知道如何使用react。现在我的主页呈现如下。..

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

我的Home就是这样的。..

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

在哪里/如何添加此脚本标记以包含Leaflet.js？这可能吗有没有别的解决办法？
我还没有看到任何react-native和Leaflet.js的例子，如果有一个，在github上或其他地方，我很高兴看到它。

4条答案

有一个项目react-leaflet通过它你可以使用传单。Js与React。
但目前不支持使用传单。react-native中的js。请参阅此issue了解更多信息。

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

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

如果你真的想使用leftlet，你可以在网站上托管它，并使用react native webview运行，你可以通过webview的postMessage功能在应用程序和Web之间发送数据，但性能不好，虽然与react native map相比，但你可以使用一堆leftlet插件