yarn add @bam.tech/react-native-component-map-clustering
Dependencies:
⚠ For each custom marker, add the following props:
Method | Type | Note |
---|---|---|
zoomOnMarker | ({latitude, longitude}, { top, bottom, right, left }) => void | Zoom on a marker & place it on the screen. left , right , top , bottom are in between 0 & 1. They represent out far to the right, left, top, or bottom to place the marker. |
Prop | Type | Default | Note |
---|---|---|---|
clustering | boolean | False | (Optional) When true enables clustering of Markers. |
renderCluster | (Cluster) => React.Node | Renders default clusters on Map | (Optional) Render your custom clusters. |
onPressCluster | (Cluster) => void | onPress not handled | (Optional) Handle onPress on default clusters. |
setRef | `(React ref) => void | (Optional) Get the MapView ref |
type Cluster {
properties : {
cluster: Boolean
cluster_id: Number
point_count: Number
point_count_abbreviated: String
}
geometry: {
coordinates: [(longitude), (latitude)]
}
}
Version | Tag | Published |
---|---|---|
1.1.1 | latest | 4yrs ago |