Leaflet View Component For React Native

Description:

A LeafletView component using WebView and Leaflet map for React Native applications.

How to use it:

1. Install and import the component.

# Yarn
$ yarn add react-native-leaflet-view
# NPM
$ npm i react-native-leaflet-view --save

import { LatLng, LeafletView } from 'react-native-leaflet-view';

2. Add the LeafletView component to the app.

<LeafletView
  // props here
/>

3. Available props.

renderLoading?: () => React.ReactElement;
onError?: (syntheticEvent: NativeSyntheticEvent<WebViewError>) => void;
onLoadEnd?: () => void;
onLoadStart?: () => void;
onMessageReceived?: (message: WebviewLeafletMessage) => void;
mapLayers?: MapLayer[];
mapMarkers?: MapMarker[];
mapShapes?: MapShape[];
mapCenterPosition?: LatLng;
ownPositionMarker?: OwnPositionMarker;
zoom?: number;
doDebug?: boolean;

Preview: