Expand README.md

Fix table layout error, and expand instructions

Author: drinckes

js/contrib/README.md

@@ -21,14 +21,15 @@ overlay.setMap(map);
 ### Configuring the overlay
 
 The options object specification is as follows:
-|Properties||
-|:--|:--|
-| **map** | **Type: [Map](https://developers.google.com/maps/documentation/javascript/3.exp/reference#Map)**|
-| **minorGridDisplay** |**Type: boolean** Whether to display the minor grid and row/column grid labels. Defaults to **true**.|
-| **roadMapColor** |**Type: String** The stroke color to use for the grid lines over road or terrain maps. All CSS3 colors are supported except for extended named colors.|
-| **roadMapLabelClass** |**Type: String** The CSS class name to use for text labels over road or terrain maps. Defaults to **olc_overlay_text**.|
-| **satelliteMapColor** |**Type: String** The stroke color to use for the grid lines over satellite or hybrid maps. All CSS3 colors are supported except for extended named colors.|
-| **satelliteMapLabelClass** |**Type: String** The CSS class name to use for text labels over satellite or hybrid maps. Defaults to **olc_overlay_text**.|
+
+| Properties ||
+|---|---|
+| **map** | **Type: [Map](https://developers.google.com/maps/documentation/javascript/3.exp/reference#Map)** Map on which to display the overlay. |
+| **minorGridDisplay** |**Type: boolean** Whether to display the minor grid and row/column grid labels. Defaults to **true**. |
+| **roadMapColor** |**Type: String** The stroke color to use for the grid lines over road or terrain maps. All CSS3 colors are supported except for extended named colors. Defaults to #7BAAF7. |
+| **roadMapLabelClass** | **Type: String** The CSS class name to use for text labels over road or terrain maps. Defaults to **olc_overlay_text**. |
+| **satelliteMapColor** | **Type: String** The stroke color to use for the grid lines over satellite or hybrid maps. All CSS3 colors are supported except for extended named colors. Defaults to #7BAAF7. |
+| **satelliteMapLabelClass** | **Type: String** The CSS class name to use for text labels over satellite or hybrid maps. Defaults to **olc_overlay_text**. |
 
 ### Styling labels
 The text labels default to using the CSS class selector `.olc_overlay_text`. If there is no CSS style with that selector, one will be automatically added to the document. If you want to specify your own style, you should ensure it includes the following settings:
@@ -41,9 +42,9 @@ justify-content: center;
 flex-direction: column;
 ```
 
-It's a really good idea to use slightly different styles for the road and satellite maps with different text colors. This is because of the different colors used in the maps.
+It's a good idea to use slightly different styles for the road and satellite maps with different text colors. This is because of the different colors used in the map styles, so using different colors for the grids and labels improves legibility.
 
-Here is an example of two styles:
+Here is an example of using separate styles:
 ```html
   <style>
    .olc_label_road {
@@ -68,3 +69,17 @@ Here is an example of two styles:
    }
   </style>
 ```
+
+To use those styles, and use the same colors for the grid lines, create your overlay like this:
+
+```javascript
+// After you have created the Google Maps object, instantiate
+// the grid overlay, passing it the map object.
+var overlay = new OLCGridOverlay({
+    map: map,
+    roadMapColor: '#7BAAF7',
+    roadMapLabelClass: 'olc_label_road',
+    satelliteMapColor: '#3376E1',
+    satelliteMapLabelClass: 'olc_label_sat'
+});
+```