web-dev-qa-db-fra.com

Comment utiliser leaflet.js avec react-native

J'ai de la difficulté à configurer Leaflet.js avec react-native. La documentation me dit d'ajouter le script suivant dans mon html ...

<script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>

Mais je ne suis pas sûr de savoir comment je fais cela en utilisant react En ce moment ma page principale est rendue comme suit ...

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

Et ma Home est simplement quelque chose comme ...

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

Où/Comment puis-je ajouter cette balise de script pour inclure Leaflet.js? Est-ce même possible? Y a-t-il peut-être une autre solution?

Je n'ai vu aucun exemple de react-native et Leaflet.js, s'il en existe un, sur github ou autre chose, je serais ravi de le voir.

androidreact-nativeleaflet
7
Bolboa

Il existe un projet react-leaflet à travers lequel vous pouvez utiliser leaflet.js avec react. 

Mais actuellement, il n'y a pas de support pour utiliser leaflet.js dans react-native. Voir cette issue pour plus d'informations.

9
Jickson

Veuillez vérifier ceci react-native-maps recommandé par react native 

1
Sareuon