如何将Leaflet嵌入到React Native App中？

Question

我正在尝试将Leaflet集成到React Native中。

要能够加载地图，我需要访问div组件内的WebView元素。

如何访问div元素，还是有更好的方法通过React Native中的Leaflet访问OpenStreetMap数据？

export default class MapLeaflet extends Component {
    componentDidMount() {
        this.map = L.map("map", { // "map" is id of the div inside the WebView component below.
            center: [100, 100],
            zoom: 6
        });
    }

    render() {
        return (
            <WebView
                style={{ flex: 1 }}
                originWhitelist={["*"]}
                source={{ html: ' <div id="map">' }}
                // I want to access the div above
            />
        );
    }
}

Answer 1

您尝试过react-native-webview-leaflet吗？ 这是quick snippet