Leaflet View Component For React Native

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:

Leaflet View Component For React Native

Download Details:

Author: pavel-corsaghin

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/pavel-corsaghin/react-native-leaflet

License: MIT

You Might Be Interested In:

Tags:,

Add Comment