Update README.md

Author: tomekvenits

README.md

@@ -1,63 +1,51 @@
-# React Native Map Clustering
 
-Simple module that adds map clustering for both iOS and Android.
+# React Native Map Clustering
 
-
-### Pre requirements:
-
-  - Install 'react-native-maps' module. You can find all information here:
- https://github.com/airbnb/react-native-maps
-
-In general all you have to do to start:
-
-```sh
-npm install react-native-maps --save
-react-native link react-native-maps
-```
-  - Minimum versions you need for this module:
-
-        react: >=16.0
-        react-native >=0.40
-        react-native-maps >=0.15.0
+React Native module that handles map clustering for you.
+Works with **Expo** and **react-native-cli**.
 
 ### Installation
-All you have to do:
-```sh
+```js
+// only if you haven't installed it before
+npm install react-native-maps --save
+//
 npm install react-native-map-clustering --save
 ```
 ### Usage
 
-Usage is very simple:
-1. Import MapView
+1. Import Components
 ```javascript
 import MapView from 'react-native-map-clustering';
-```
-- Import Marker
-```javascript
 import { Marker } from 'react-native-maps';
 ```
-2. Add this to your render method (you can put your own markers and region):
+
+2. In **render()** method add this:
+
 ```javascript
-<MapView
-    region={{latitude: 52.5, longitude: 19.2,
-             latitudeDelta: 8.5, longitudeDelta: 8.5}}
-    style={{width: mapWidth, height: mapHeight}}>
-    <Marker coordinate={{latitude: 52.0, longitude: 18.2}} />
-    <Marker coordinate={{latitude: 52.4, longitude: 18.7}} />
-    <Marker coordinate={{latitude: 52.1, longitude: 18.4}} />
-    <Marker coordinate={{latitude: 52.6, longitude: 18.3}} />
-    <Marker coordinate={{latitude: 51.6, longitude: 18.0}} />
-    <Marker coordinate={{latitude: 53.1, longitude: 18.8}} />
-    <Marker coordinate={{latitude: 52.9, longitude: 19.4}} />
+<MapView  
+  region={{  
+    latitude: 52.5,  
+    longitude: 19.2,  
+    latitudeDelta: 8.5,  
+    longitudeDelta: 8.5  
+  }}  
+  style={{ width: 400, height: 800 }}  
+>  
+  <Marker coordinate={{ latitude: 52.0, longitude: 18.2 }} />  
+  <Marker coordinate={{ latitude: 52.4, longitude: 18.7 }} />  
+  <Marker coordinate={{ latitude: 52.1, longitude: 18.4 }} />  
+  <Marker coordinate={{ latitude: 52.6, longitude: 18.3 }} />  
+  <Marker coordinate={{ latitude: 51.6, longitude: 18.0 }} />  
+  <Marker coordinate={{ latitude: 53.1, longitude: 18.8 }} />  
+  <Marker coordinate={{ latitude: 52.9, longitude: 19.4 }} />  
+  <Marker coordinate={{ latitude: 52.2, longitude: 21 }} />  
 </MapView>
 ```
-3. **That's all!**.
 
 ### Demo
 ![Alt Text](https://raw.githubusercontent.com/venits/react-native-map-clustering/master/demo.gif)
 
 
-### Extra props to control your clustering
 ## MapView
 ----
 | Name               | Type   | Default | Note                                                           |
@@ -67,7 +55,7 @@ import { Marker } from 'react-native-maps';
 | clusterTextColor   | String | #FF5252 | Color of text in cluster.                                      |
 | clusterBorderColor | String | #FF5252 | Color of border. Set to transparent if you don't want borders. |
 | clusterBorderWidth | Int    | 1       | Width of border. Set to 0 if you don't want borders.           |
-| customDefinedMarker | Component    | null       | Define a custom react component that is used to render the cluster markers.      |
+| customDefinedMarker | Marker   | null       | Define a custom react component that is used to render the cluster markers.      |
 | onClusterPress | Function    | null       | Allows you to control cluster on click event.  Function returns coordinate of cluster.         |
 
 ## Marker
@@ -79,15 +67,20 @@ import { Marker } from 'react-native-maps';
 Example of using props:
 ```javascript
 <MapView
-    clustering = {true}
     clusterColor = '#000'
     clusterTextColor = '#fff'
     clusterBorderColor = '#fff'
     clusterBorderWidth = {4}
+    style={{width: 400, height: 800}}
     region={{latitude: 52.5, longitude: 19.2,
              latitudeDelta: 8.5, longitudeDelta: 8.5}}
-    style={{width: mapWidth, height: mapHeight}}>
-    <Marker coordinate={{latitude: 52, longitude: 19}} cluster={false} />
+>
+    <Marker
+      coordinate={{latitude: 52, longitude: 19}}
+      cluster={false}
+    />
+	<Marker coordinate={{latitude: 52, longitude: 19}} />
 </MapView>
 ```
 
+