react-simple-google-maps - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

package.json

 {
   "name": "react-simple-google-maps",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Simple components for rendering Google Maps via the Google Maps JavaScript API",
@@ -5,0 +5,0 @@ "main": "./lib/index.js",

README.md

 # react-simple-google-maps
 Simple components for rendering Google Maps via the Google Maps JavaScript API
+
+## Installation
+
+`npm install react react-addons-shallow-compare react-simple-google-maps`
+
+## Usage
+
+Ensure the Google Maps JS API script is already loaded. `react-simple-google-maps` will use a global named `google.maps`.
+
+To create a new map, just render a `<Map>` component. Markers and Polylines are children of the Map, and an InfoWindow can be a child of a Marker. An InfoWindow's children will be rendered into the InfoWindow when it is displayed.
+
+Coordinates are passed using the native Google Maps coordinates or bounds objects.
+
+```javascript
+bounds = new google.maps.LatLngBounds();
+position = new google.map.LatLng(65, -100);
+bounds.extend(position);
+position = new google.map.LatLng(40, -125);
+bounds.extend(position);
+
+markerPosition = new google.map.LatLng(50, -115);
+
+<Map
+  bounds={bounds}
+  panControlOptions={position: google.maps.ControlPosition.LEFT_BOTTOM}
+  ref="map"
+  scrollwheel={true}
+  streetViewControl={false}
+  style={height: 500}
+  zoomControlOptions={position: google.maps.ControlPosition.LEFT_BOTTOM} >
+  <Marker
+    position={markerPosition}
+    title='Start'
+    zIndex=1
+    <InfoWindow>
+      <h1>I am a marker!</h1>
+    </InfoWindow>
+  </Marker>
+</Map>
+```

No alert changes

Improved metrics

Total package byte prevSize

29609

increased by4.2%

Number of lines in readme file

43

increased by1333.33%

Worsened metrics

Number of package files

11

decreased by-8.33%

No dependency changes