From cb1e19515bf892ea26e9a770743a8dffd485420f Mon Sep 17 00:00:00 2001
From: Matt Brookes <matt@brookes.net>
Date: Fri, 9 Oct 2015 21:31:38 +0100
Subject: [PATCH] Typos

Must proofread more carefully!
---
 README.md | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index bf3fdec..331e442 100644
--- a/README.md
+++ b/README.md
@@ -176,14 +176,16 @@ To prevent warning message add _yesIWantToUseGoogleMapApiInternals_ property to
  ```
 
 ## Child Component API
+
 ### parameters
+
 #### lat (number)
 Latitude to place the marker component
 
 #### lng (number)
 Longitude to place the marker component
 
-#### hover (bool)
+#### $hover (bool) [automatic]
 GoogleMap passes a $hover prop to hovered components. To detect hover it an uses internal mechanism, explained in x_distance_hover example
 
 Example:
@@ -257,17 +259,25 @@ const {center, zoom} = fitBounds({nw, se}, size);
 Initially any map object has its top left corner at lat lng coordinates. It's up to you to set the object origin to 0,0 coordinates.
 
 Example (centering the marker):
-```js
+```jsx
 const MARKER_SIZE = 40;
 const greatPlaceStyle = {
   position: 'absolute',
   width: MARKER_SIZE,
   height: MARKER_SIZE,
   left: -MARKER_SIZE / 2,
-  top: -MARKER_SIZE / 2,
-[...]
+  top: -MARKER_SIZE / 2
 }
-,,,
+```
+```jsx
+render() {
+  return (
+    <div style={greatPlaceStyle}>
+      {this.props.text}
+    </div>
+  );
+}
+```
 
 ### Rendering in a modal
 If at the moment of GoogleMap control created, a modal has no size (width,height=0) or/and not displayed, the simple solution is to add something like this in render: