web-dev-qa-db-ja.com

leaflet.jsをreact-nativeで使用する方法

Leaflet.jsでreact-nativeを設定するのが難しいです。ドキュメントには、次のスクリプトをHTMLに追加するように指示されています...

<script src="https://unpkg.com/[email protected]/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にあるかどうかにかかわらず、私はそれを見て喜んでいます。

androidreact-nativeleaflet
15
Bolboa

プロジェクトがあります react-leaflet これを使用して、leaflet.jsをreactで使用できます。

ただし、現在、react-nativeでleaflet.jsを使用することはサポートされていません。詳細はこちら issue を参照してください。

12
Jickson

React Native： https://github.com/reggie3/react-native-webview-leaflet でリーフレットに対処するオンラインで見つけたプロジェクトが1つあります

3
Matthieu Brucher

これをチェックしてください react-native-maps リアクションネイティブが推奨

3
Sareuon