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).

markerImage

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

markerSize

The marker image size.

markerMove

Add click and move responders to marker.

markerPosition

This property represents the position according to the screen.

originMarkerPosition

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

onChange

Invoked when the marker position changed.

LICENSE

MIT