react-native-marker-image

Merge marker and marker into one for Android and IOS!

HOW TO INSTALL ?

npm i --save react-native-marker-image

HOW TO USE ?

import ImageMarker from "react-native-marker-image";

function MyComponent() {
	return (
		<View>
			<ImageMarker
				image={require("./assets/garage.jpeg")}
				markerImage={require("./assets/marker.png")}
				markerSize={50}
				onChange={data => console.log(data)}
			/>
		</View>
	);
}

Result

Reference

Props

image

The image source (either a remote URL or a local file resource).

Type	Required
ImageSourcePropType	Yes

---

markerImage

The marker image source (either a remote URL or a local file resource).

Type	Required
ImageSourcePropType	Yes

---

markerSize

The marker image size.

Type	Required
number	Yes

---

markerMove

Add click and move responders to marker.

Type	Required
bool	No

---

markerPosition

This property represents the position according to the screen.

Type	Required
object: {x: number, y: number}	No

---

originMarkerPosition

Similarly to markerPosition, this property represents the position according to the original image size.

Type	Required
object: {x: number, y: number}	No

---

onChange

Invoked when the marker position changed.

Type	Required
function	No

LICENSE

MIT