@react-google-maps/api - npm Package Compare versions

Comparing version 1.2.0-alpha.13 to 1.2.0-alpha.14

package.json

 {
   "name": "@react-google-maps/api",
-  "version": "1.2.0-alpha.13",
+  "version": "1.2.0-alpha.14",
   "description": "React.js Google Maps API integration",
@@ -5,0 +5,0 @@ "license": "MIT",

src/components/addons/MarkerClusterer.md

@@ -45,4 +45,5 @@ # MarkerClusterer example
           {lat: -43.999792, lng: 170.463352}
-        ].map(location => (
+        ].map((location, i) => (
           <Marker
+            key={i}
             position={location}
@@ -49,0 +50,0 @@ clusterer={clusterer}

src/components/heatmap/HeatmapLayer.md

@@ -8,5 +8,6 @@ # HeatmapLayer example
 <ScriptLoaded>
+{() => 
   <GoogleMap
     // optional
-    id="rectangle-example"
+    id="heatmap-layer-example"
     // required to set height and width either through mapContainerClassName, either through mapContainerStyle prop
@@ -18,3 +19,3 @@ mapContainerStyle={{
     // required
-    zoom={2.5}
+    zoom={13}
     // required
@@ -36,61 +37,22 @@ center={{
       // required
-      data={[{
-        lat: 37.782,
-        lng: -122.447,
-      },
-      {
-        lat: 37.782,
-        lng: -122.445
-      },
-      {
-        lat: 37.782,
-        lng: -122.443
-      },
-      {
-        lat: 37.782,
-        lng: -122.441
-      },
-      {
-        lat: 37.782,
-        lng: -122.439
-      },
-      {
-        lat: 37.782,
-        lng: -122.437
-      },
-      {
-        lat: 37.782,
-        lng: -122.435
-      },
-      {
-        lat: 37.785,
-        lng: -122.447
-      },
-      {
-        lat: 37.785,
-        lng: -122.445
-      },
-      {
-        lat: 37.785,
-        lng: -122.443
-      },
-      {
-        lat: 37.785,
-        lng: -122.441
-      },
-      {
-        lat: 37.785,
-        lng: -122.439
-      },
-      {
-        lat: 37.785,
-        lng: -122.437
-      },
-      {
-        lat: 37.785,
-        lng: -122.435
-      }]}
+      data={[
+  new google.maps.LatLng(37.782, -122.447),
+  new google.maps.LatLng(37.782, -122.445),
+  new google.maps.LatLng(37.782, -122.443),
+  new google.maps.LatLng(37.782, -122.441),
+  new google.maps.LatLng(37.782, -122.439),
+  new google.maps.LatLng(37.782, -122.437),
+  new google.maps.LatLng(37.782, -122.435),
+  new google.maps.LatLng(37.785, -122.447),
+  new google.maps.LatLng(37.785, -122.445),
+  new google.maps.LatLng(37.785, -122.443),
+  new google.maps.LatLng(37.785, -122.441),
+  new google.maps.LatLng(37.785, -122.439),
+  new google.maps.LatLng(37.785, -122.437),
+  new google.maps.LatLng(37.785, -122.435)
+]}
     />
   </GoogleMap>
+}
   </ScriptLoaded>
 ```

src/components/kml/KmlLayer.md

@@ -9,3 +9,3 @@ # KML Layer example
   <GoogleMap
-    id="circle-example"
+    id="kml-layer-example"
     mapContainerStyle={{
@@ -15,11 +15,9 @@ height: "400px",
     }}
-    zoom={7}
-    center={{
-      lat: -3.745,
-      lng: -38.523
-    }}
+    zoom={11}
+    center={{lat: 41.876, lng: -87.624}}
+    
   >
-    <KmlLayer />
+    <KmlLayer url="http://googlemaps.github.io/js-v2-samples/ggeoxml/cta.kml" />
   </GoogleMap>
 </ScriptLoaded>
 ```

src/components/places/StandaloneSearchBox.md

@@ -24,3 +24,3 @@ # StandaloneSearchBox example
     <StandaloneSearchBox
-      ref={ref => this.searchBox = ref}
+      onLoad={ref => this.searchBox = ref}
       onPlacesChanged={
@@ -27,0 +27,0 @@ () => console.log(this.searchBox.getPlaces())

src/docs/googleMapKey.ts

 //eslint-disable-next-line
-export default "AIzaSyC2C8wxa2nINcPvOOFwPWkyBjiHK_2NekM"
+export default null

src/utils/helper.ts

@@ -41,5 +41,2 @@ /* eslint-disable filenames/match-regex */
       if (typeof props[onEventName] === "function") {
-        // if (onEventName === "onPolygonComplete") {
-        //   debugger
-        // }
         acc.push(
@@ -46,0 +43,0 @@ google.maps.event.addListener(

No alert changes

Improved metrics

Total package byte prevSize

327757

increased by0.92%

Lines of code

7258

increased by1.54%

No dependency changes