react-google-maps - npm Package Versions

4.8.2 (2016-02-21)

Bug Fixes

• componentLifecycleDecorator: check _unregisterEvents before calling (cd2667c), closes #117

<a name="4.8.1"></a>

4.8.1 (2016-02-20)

Bug Fixes

• MarkerClusterer: typo method name of getAverageCenter (4f2ad76), closes #203 #204

<a name="4.8.0"></a>

4.8.0 (2016-02-20)

Features

• KmlLayer: add new KmlLayer component (746af8d)

<a name="4.7.2"></a>

4.7.2 (2016-01-07)

Bug Fixes

• OverlayViewCreator: position container after render (f5b0a4c), closes #167

<a name="4.7.1"></a>

4.7.1 (2015-12-30)

Bug Fixes

• utils: should use contentElement (76abbfc)

<a name="4.7.0"></a>

4.7.0 (2015-12-07)

Features

• utils: add triggerEvent api (112a1e6), closes #161

<a name="4.6.2"></a>

4.6.2 (2015-12-07)

Features

• SearchBox: add placeholder props to the underlying input element (e6a6a02), closes #115 #136

<a name="4.6.1"></a>

4.6.1 (2015-12-03)

Features

• GoogleMap: add warning for undefined google object (2e0c60b), closes #142

<a name="4.6.0"></a>

4.6.0 (2015-11-22)

Features

• GoogleMapLoader: introduce loader to manage React elements (532816a), closes #141 #133
• ScriptjsLoader: new behavior will render GoogleMapLoader instead (0f100d8)

BREAKING CHANGES

• ScriptjsLoader: ScriptjsLoader will delegate to GoogleMapLoader when the script is loaded

Before:

<ScriptjsLoader
  hostname={"maps.googleapis.com"}
  pathname={"/maps/api/js"}
  query={{v: `3.${ AsyncGettingStarted.version }`, libraries: "geometry,drawing,places"}}
  loadingElement={
    <div {...this.props} style={{ height: "100%" }}>
      <FaSpinner />
    </div>
  }
  googleMapElement={
    <GoogleMap
      containerProps={{
        ...this.props,
        style: {
          height: "100%",
        },
      }}
      ref={googleMap => {
        // Wait until GoogleMap is fully loaded. Related to #133
        setTimeout(() => {
          googleMap && console.log(`Zoom: ${ googleMap.getZoom() }`);
        }, 50);
      }}
      defaultZoom={3}
      defaultCenter={{lat: -25.363882, lng: 131.044922}}
      onClick={::this.handleMapClick}
    >
      <Marker
        {...this.state.marker}
        onRightclick={this.handleMarkerRightclick}
      />
    </GoogleMap>
  }
/>

After:

<ScriptjsLoader
  hostname={"maps.googleapis.com"}
  pathname={"/maps/api/js"}
  query={{v: `3.${ AsyncGettingStarted.version }`, libraries: "geometry,drawing,places"}}
  loadingElement={
    <div {...this.props} style={{ height: "100%" }}>
      <FaSpinner />
    </div>
  }
  containerElement={
    <div {...this.props} style={{ height: "100%" }} />
  }
  googleMapElement={
    <GoogleMap
      ref={googleMap => {
        googleMap && console.log(`Zoom: ${ googleMap.getZoom() }`);
      }}
      defaultZoom={3}
      defaultCenter={{lat: -25.363882, lng: 131.044922}}
      onClick={::this.handleMapClick}
    >
      <Marker
        {...this.state.marker}
        onRightclick={this.handleMarkerRightclick}
      />
    </GoogleMap>
  }
/>

• GoogleMapLoader: GoogleMap with props.containerProps is now deprecated. Use GoogleMapLoader with props.googleMapElement instead

We also suggest switching to callback based ref so that you'll get the component instance when it is mounted.

Before:

<GoogleMap containerProps={{
    ...this.props,
    style: {
      height: "100%",
    },
  }}
  ref="map"
  defaultZoom={3}
  defaultCenter={{lat: -25.363882, lng: 131.044922}}
  onClick={::this.handleMapClick}>
  {this.state.markers.map((marker, index) => {
    return (
      <Marker
        {...marker}
        onRightclick={this.handleMarkerRightclick.bind(this, index)} />
    );
  })}
</GoogleMap>

After:

<GoogleMapLoader
  containerElement={
    <div
      {...this.props}
      style={{
        height: "100%",
      }}
    />
  }
  googleMapElement={
    <GoogleMap
      ref={(map) => console.log(map)}
      defaultZoom={3}
      defaultCenter={{lat: -25.363882, lng: 131.044922}}
      onClick={::this.handleMapClick}>
      {this.state.markers.map((marker, index) => {
        return (
          <Marker
            {...marker}
            onRightclick={this.handleMarkerRightclick.bind(this, index)} />
        );
      })}
    </GoogleMap>
  }
/>

<a name="4.5.1"></a>

4.5.1 (2015-11-21)

Features

• ScriptjsLoader: check with propTypesElementOfType(GoogleMap) (e8bb97b)

<a name="4.5.0"></a>