React Native Maps Draw (Polygon)

Interactive drawing of polygons on the map. Beta version

Made with ❤️ by developer for developers

build build build build

## Thanks

Please, click on ⭐ button.

## Installation ```bash yarn add @dev-event/react-native-maps-draw # or npm install @dev-event/react-native-maps-draw ``` > Also, you need to install [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler) & [react-native-svg](https://github.com/react-native-community/react-native-svg), and follow theirs installation instructions. ## 🦥 Motivation - 💚 I love [React Native](https://reactnative.dev/) Big love and gratitude to all people who are working on React Native, Expo and React Native Navigation! ## Usage For more complete example open [App.tsx](https://github.com/dev-event/react-native-maps-draw/blob/main/example/src/App.tsx) ```tsx import MapViewGestures from 'react-native-maps-draw'; import type { TTouchPoint } from 'react-native-maps-draw'; import MapView, { Polygon, Marker } from 'react-native-maps'; const AnimatedPolygon = Animated.createAnimatedComponent(Polygon); export default function App() { const mapRef = useRef(null); const convertByPoint = async (item: any) => await mapRef.current?.coordinateForPoint(item); const handlePolygon = useCallback( (_: any, index: number) => ( ), [polygon.polygons] ); return ( {...rest} {... && ( )} ); } ``` ## 🎉 Example Checkout the example [here](https://github.com/dev-event/react-native-accordion). ## ✌️ Contributing Pull requests are always welcome! Feel free to open a new GitHub issue for any changes that can be made. ## Author Reach out to me at one of the following places! - E-mail effectwaater@gmail.com ## License [![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org) - **[MIT license](http://opensource.org/licenses/mit-license.php)**