changelogs.md


xbirdblack/react-google-maps

Repository  -  API  -  Source

7.0.0

April 21, 2017

Code Refactoring

  • index.js: remove HeatmapLayer export (a05e5cb)

Features

  • package.json: add "create-react-class" and "prop-types" to dependencies (cb2cbff)
  • migrate to "create-react-class" package (d54cc95), closes #463
  • migrate to "prop-types" package (129b6e2), closes #463
  • migrate to implicit default import for React (f094f1b)
  • package.json: upgrade to ^15.5.4 of react / react-dom in peerDependencies (d62059e)

BREAKING CHANGES

  • index.js: remove top-level HeatmapLayer export

Before:

import { HeatmapLayer } from "react-google-maps"

After:

import HeatmapLayer from "react-google-maps/lib/visualization/HeatmapLayer"
  • package.json: upgrade to ^15.5.4 of react / react-dom in peerDependencies

For react < 15.5.0, use react-google-maps < 7.0.0 instead.

6.3.0

April 20, 2017

Bug Fixes

Features

  • Marker: prevent Marker from redrawing under clusters (7849f28), closes #397

6.2.0

April 20, 2017

Features

6.1.0

April 20, 2017

Features

  • visualization/HeatmapLayer: move to visualization namespace (20ea7c3)

6.0.3

April 20, 2017

Bug Fixes

  • HeatmapLayer: HeatmapLayer constructor fix (#376) (24b140d)

6.0.2

April 20, 2017

Bug Fixes

  • addons/InfoBox: Unmounting an InfoBox should remove all listeners. (#412) (ad4f0ee)

6.0.1

October 14, 2016

Bug Fixes

  • addons/InfoBox: allow children to receive React's context (bed461c), closes #258
  • addons/InfoBox: allow children to receive React's context (5748a96)
  • InfoWindow: allow children to receive React's context (ca73c85)
  • package.json: devDependencies of eslint-config-react-app (e8e3eed)

6.0.0

October 4, 2016

Code Refactoring

  • addons/InfoBox: rewrite with enhanceElement and cleaner interfaces (06f2e9b)
  • addons/MarkerClusterer: rewrite with enhanceElement and cleaner interfaces (f1032f4)
  • Circle: rewrite with enhanceElement and cleaner interfaces (da0ebc2)
  • drawing/DrawingManager: rewrite with enhanceElement and cleaner interfaces (1b6a937)
  • DrawingManager: move to drawing/DrawingManager (3226508)
  • GoogleMap: rewrite with enhanceElement and cleaner interfaces (4b22e42)
  • InfoWindow: rewrite with enhanceElement and cleaner interfaces (fc1c25c)
  • KmlLayer: rewrite with enhanceElement and cleaner interfaces (2479b88)
  • Marker: rewrite with enhanceElement and cleaner interfaces (c06aff2)
  • OverlayView: rewrite with enhanceElement and cleaner interfaces (7d28f2f)
  • places/SearchBox: rewrite with enhanceElement and cleaner interfaces (bc97f61)
  • Polygon: rewrite with enhanceElement and cleaner interfaces (1e20d70)
  • Polyline: rewrite with enhanceElement and cleaner interfaces (5603319)
  • Rectangle: rewrite with enhanceElement and cleaner interfaces (ea39062)
  • SearchBox: move to places/SearchBox (cf5a1cb)

Features

  • async/withScriptjs: provide HOC for loading googleMapURL with scriptjs (14d9273)
  • enhanceElement: utility for generating Google Maps Components (2656569)
  • package.json: add "react-display-name" to dependencies (2df62c7)
  • withGoogleMap: provide HOC for initialize google.maps.Map instance (f61724c)

BREAKING CHANGES

  • addons/InfoBox: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<InfoBox
  onCloseclick={_.noop}
  onDomready={_.noop}
  onZindexChanged={_.noop}
/>

After:

<InfoBox
  onCloseClick={_.noop}
  onDomReady={_.noop}
  onZIndexChanged={_.noop}
/>
  • withGoogleMap: Wrap all react-google-maps components inside withGoogleMap HOC.

Before:

// v5.0.0
<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>
  }
/>
// or v4.0.0
<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:

// Wrap all `react-google-maps` components with `withGoogleMap` HOC
// and name it GettingStartedGoogleMap
const GettingStartedGoogleMap = withGoogleMap(props => (
  <GoogleMap
    ref={props.onMapLoad}
    defaultZoom={3}
    defaultCenter={{ lat: -25.363882, lng: 131.044922 }}
    onClick={props.onMapClick}
  >
    {props.markers.map((marker, index) => (
      <Marker
        {...marker}
        onRightClick={() => props.onMarkerRightClick(index)}
      />
    ))}
  </GoogleMap>
));
// Then, render it:
render(
  <GettingStartedGoogleMap
    containerElement={
      <div style={{ height: `100%` }} />
    }
    mapElement={
      <div style={{ height: `100%` }} />
    }
    onMapLoad={_.noop}
    onMapClick={_.noop}
    markers={markers}
    onMarkerRightClick={_.noop}
  />,
  document.getElementById('root')
);
  • places/SearchBox: Input props are now under inputProps.

This will get passed in directly into the underlying <input> component. You can also override it with inputStyle, inputClassName and inputPlaceholder.

Before:

<SearchBox
  placeholder="Customized your placeholder"
  style={INPUT_STYLE}
/>

After:

<SearchBox
  inputPlaceholder="Customized your placeholder"
  inputStyle={INPUT_STYLE}
/>
  • SearchBox: move SearchBox to places/SearchBox
  • drawing/DrawingManager: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<DrawingManager
  onCirclecomplete={_.noop}
  onOverlaycomplete={_.noop}
/>

After:

<DrawingManager
  onCircleComplete={_.noop}
  onOverlayComplete={_.noop}
/>
  • DrawingManager: move DrawingManager to drawing/DrawingManager
  • OverlayView: OverlayView can no longer be rendered under MarkerClusterer
  • InfoWindow: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<InfoWindow
  onCloseclick={_.noop}
  onDomready={_.noop}
  onZindexChanged={_.noop}
/>

After:

<InfoWindow
  onCloseClick={_.noop}
  onDomReady={_.noop}
  onZIndexChanged={_.noop}
/>
  • addons/MarkerClusterer: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<MarkerClusterer
  onClusteringbegin={_.noop}
  onMouseout={_.noop}
/>

After:

<MarkerClusterer
  onClusteringBegin={_.noop}
  onMouseOut={_.noop}
/>
  • Circle: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<Circle
  onClick={_.noop}
  onRightclick={_.noop}
  onDragstart={_.noop}
/>

After:

<Circle
  onClick={_.noop}
  onRightClick={_.noop}
  onDragStart={_.noop}
/>
  • Polygon: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<Polygon
  onClick={_.noop}
  onRightclick={_.noop}
  onDragstart={_.noop}
/>

After:

<Polygon
  onClick={_.noop}
  onRightClick={_.noop}
  onDragStart={_.noop}
/>
  • Polyline: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<Polyline
  onClick={_.noop}
  onRightclick={_.noop}
  onDragstart={_.noop}
/>

After:

<Polyline
  onClick={_.noop}
  onRightClick={_.noop}
  onDragStart={_.noop}
/>
  • Rectangle: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<Rectangle
  onClick={_.noop}
  onRightclick={_.noop}
  onDragstart={_.noop}
/>

After:

<Rectangle
  onClick={_.noop}
  onRightClick={_.noop}
  onDragStart={_.noop}
/>
  • Marker: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<Marker
  onClick={_.noop}
  onRightclick={_.noop}
  onDragstart={_.noop}
/>

After:

<Marker
  onClick={_.noop}
  onRightClick={_.noop}
  onDragStart={_.noop}
/>
  • GoogleMap: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<GoogleMap
  onClick={_.noop}
  onRightclick={_.noop}
  onDragstart={_.noop}
/>

After:

<GoogleMap
  onClick={_.noop}
  onRightClick={_.noop}
  onDragStart={_.noop}
/>
  • async/withScriptjs: Apply withScriptjs HOC before withGoogleMaps HOC.

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>
  }
  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>
  }
/>

After:

// Wrap all `react-google-maps` components with `withGoogleMap` HOC
// then wraps it into `withScriptjs` HOC
// It loads Google Maps JavaScript API v3 for you asynchronously.
// Name the component AsyncGettingStartedExampleGoogleMap
const AsyncGettingStartedExampleGoogleMap = withScriptjs(
  withGoogleMap(
    props => (
    <GoogleMap
      ref={props.onMapLoad}
      defaultZoom={3}
      defaultCenter={{ lat: -25.363882, lng: 131.044922 }}
      onClick={props.onMapClick}
    >
      {props.markers.map(marker => (
        <Marker
          {...marker}
          onRightClick={() => props.onMarkerRightClick(marker)}
        />
      ))}
    </GoogleMap>
  )
);
// Then, render it:
render(
  <GettingStartedGoogleMap
    googleMapURL="https://maps.googleapis.com/maps/api/js?v=3.exp"
    loadingElement={
      <div style={{ height: `100%` }}>
        <FaSpinner
          style={{
            display: `block`,
            width: `80px`,
            height: `80px`,
            margin: `150px auto`,
            animation: `fa-spin 2s infinite linear`,
          }}
        />
      </div>
    }
    containerElement={
      <div style={{ height: `100%` }} />
    }
    mapElement={
      <div style={{ height: `100%` }} />
    }
    onMapLoad={_.noop}
    onMapClick={_.noop}
    markers={markers}
    onMarkerRightClick={_.noop}
  />,
  document.getElementById('root')
);
  • KmlLayer: Naming convention for event handlers has tweaked to follow React's convention.

Before:

<KmlLayer
  onClick={_.noop}
  onDefaultviewportChanged={_.noop}
  onStatusChanged={_.noop}
/>

After:

<KmlLayer
  onClick={_.noop}
  onDefaultViewportChanged={_.noop}
  onStatusChanged={_.noop}
/>

5.1.1

October 4, 2016

Bug Fixes

  • OverlayView: fixed bug in OverlayView when nested in MarkerClusterer (#302) (1c5e933), closes #301
  • ScriptjsLoader: Fix setState warning (#307) (999fd89)

5.1.0

September 30, 2016

Features

  • HeatmapLayer: add HeatmapLayer component (#248) (2863cdd)

5.0.0

August 4, 2016

Bug Fixes

Features

  • .babelrc: add transform-runtime and lodash to plugins (5db33f9)
  • GoogleMap: remove deprecated props and behaviour (cf5b8f1)
  • GoogleMapLoader: switch to new behaviour (7e40269)
  • package.json: add babel-runtime and lodash to dependencies (5e37d3c)
  • package.json: upgrade devDependencies (47a400c)
  • src: switch to use lodash directly (304f465)

Performance Improvements

BREAKING CHANGES

  • GoogleMap: You need to use GoogleMapLoader with props.googleMapElement={} now.

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>
  }
/>
  • src: If you're just using the library and didn't make custom components before, feel free to ignore this implementation changes.

Now, mapHolderRef for each component are now passed in via context. This doesn't affect all components interface in general. But if you do custom components before and relies on the implementation of react-google-maps, you should be aware of this and make some changes.

4.11.0

May 29, 2016

Features

  • OverlayView: allow rendered as children of MarkerCluster (435961a), closes #187

4.10.3

May 29, 2016

Bug Fixes

  • GoogleMapLoader: handle unmount ref case (334c5c9)

4.10.2

May 29, 2016

Features

  • package.json: upgrade to "marker-clusterer-plus@^2.1.4" (c1d322a)

4.10.1

April 27, 2016

Bug Fixes

  • package.json: update to "react-prop-types-element-of-type@^2.1.0" (0f27ed3)

4.10.0

April 26, 2016

Features

  • package.json: update to react@^15.0.0 (4a85cf6), closes #243

4.9.1

February 21, 2016

Bug Fixes

  • componentLifecycleDecorator: revert to componentWillReceiveProps (105dc6b)

4.9.0

February 21, 2016

Bug Fixes

  • componentLifecycleDecorator: change componentDidUpdate to componentWillReceiveProps (b42b58e)

Features

4.8.2

February 21, 2016

Bug Fixes

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

4.8.1

February 20, 2016

Bug Fixes

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

4.8.0

February 20, 2016

Features

  • KmlLayer: add new KmlLayer component (746af8d)

4.7.2

January 7, 2016

Bug Fixes

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

4.7.1

December 30, 2015

Bug Fixes

  • utils: should use contentElement (76abbfc)

4.7.0

December 7, 2015

Features

4.6.2

December 7, 2015

Features

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

4.6.1

December 3, 2015

Features

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

4.6.0

November 22, 2015

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>
  }
/>

4.5.1

November 21, 2015

Features

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

4.5.0

November 21, 2015

Features

  • async/ScriptjsLoader: replacement of async/ScriptjsGoogleMap (ccfadd4), closes #145

BREAKING CHANGES

  • async/ScriptjsLoader: migrate from async/ScriptjsGoogleMap to async/ScriptjsLoader and changed its behavior from implicit inheritance to simple delegation

To migrate the code follow the example below (extracted from examples/gh-pages migration):

Before:

<ScriptjsLoader
  hostname={"maps.googleapis.com"}
  pathname={"/maps/api/js"}
  query={{v: `3.exp`, libraries: "geometry,drawing,places"}}
  //
  // <GoogleMap> props
  defaultZoom={3}
  defaultCenter={{lat: -25.363882, lng: 131.044922}}
  onClick={::this._handle_map_click}
/>

After:

<ScriptjsLoader
  hostname={"maps.googleapis.com"}
  pathname={"/maps/api/js"}
  query={{v: `3.exp`, libraries: "geometry,drawing,places"}}
  //
  googleMapElement={
    <GoogleMap
      defaultZoom={3}
      defaultCenter={{lat: -25.363882, lng: 131.044922}}
      onClick={::this._handle_map_click}
    />
  }
/>

4.4.1

November 19, 2015

Bug Fixes

4.4.0

November 19, 2015

Features

  • MarkerClusterer: Support for MarkerClusterPlus API (d56551c), closes #146

4.3.3

November 18, 2015

Bug Fixes

  • OverlayView: redraw only when props.mapPaneName changes (ff4473d), closes #147 #148

4.3.2

November 17, 2015

Bug Fixes

  • async/ScriptjsGoogleMap: switch to _.isEqual for key comparasion (0a1df35), closes #143

4.3.1

November 16, 2015

Bug Fixes

  • package.json: scriptjs should exist in dependencies (4f3304c)

4.3.0

November 16, 2015

Features

  • ScriptjsGoogleMap: add "scriptjs" support (b80b731)

4.2.1

November 16, 2015

Bug Fixes

  • OverlayView: switch to ReactDOM (51fe680), closes #140
  • OverlayView: use ReactDOM for unmountComponentAtNode (735eba0), closes #137

4.2.0

October 15, 2015

Bug Fixes

  • src: replace fbjs dependencies with can-use-dom (43250b3), closes #134

4.1.1

October 14, 2015

Bug Fixes

  • src: switch to findDOMNode from "react-dom" (593b1c8), closes #132

4.1.0

October 13, 2015

Features

  • src: move instance creation in componentWillMount (91d5790)
  • src: update composeOptions to accept controlledPropTypes for _2 (03aee4d)

4.0.0

October 8, 2015

Features

BREAKING CHANGES

    • React@^0.14: upgrade React in peerDependencies
      • add react-dom@^0.14 to peerDependencies

3.0.0

September 30, 2015

Bug Fixes

  • package.json: remove react from dependencies (bfd37877, closes #109)

2.2.0

September 30, 2015

Bug Fixes

  • Marker: allow null and undefined as children (17daa0a2, closes #119)

2.1.1

September 30, 2015

Bug Fixes

  • InfoBox: typo when update InfoBox children (a66852c4, closes #120)

2.1.0

September 8, 2015

Features

  • SearchBox: Support for Google Places API search box (b06f5d6c, closes #110)

2.0.3

August 18, 2015

Bug Fixes

  • OverlayView:
    • add invariant for mapPaneName (f102577c)
    • add invariant checking for position props (757bda08)
    • add position to propTypes (1fc968ad, closes #99)
  • package.json: remove object-path (ee55b7a5)

2.0.2

August 8, 2015

Bug Fixes

  • GoogleMap: remove propTypes validation on children (0e417015)
  • OverlayView: props.{default}mapPaneName should not be required (702a5710)

2.0.1

August 8, 2015

Bug Fixes

  • Rectangle: remove unnecessary underscore (13312273, closes #90)

2.0.0

August 7, 2015

Features

  • InfoWindow: add ReactElement child as content support (2c0dc026, closes #69)
  • Rectangle: add new componet (4511d87d, closes #80)

Breaking Changes

  • This commit rewrite this module from scratch.

  • GoogleMaps -> GoogleMap

    • (Others Component names are the same)
  • OverlayView
    - Now only accepts single child
    
  • Remove asynchronous loading support
  • The props are not directly served as options for all google.maps instance.
    • Instead, we convert setters to props and also expose getters on component instance.
  • To set an option directly, you can now pass options object just the same way as using Google Maps JavaScript APIs.
  • Expose props have two representation: controlled & uncontrolled
    • uncontrolled props will have a default${ PropName } name
    • controlled props will be ${ propName } as you expected
  • Uncontrolled props will be used only when the instance first mounted
  • Controlled props will call its corresponding setters every time rendered

MIGRATION GUIDE:

It introduces controlled property concept into the module. Most of the case, your application would like to have uncontrolled property. So change your component like this:

Before (v1.x.x):

<Marker
      key={this.props.key}
      position={this.props.position}
      animation={this.props.animation}
      onRightclick={this.handleMarkerRightclick} />

After (v2.x.x):

<Marker
      key={this.props.key}
      defaultPosition={this.props.position}
      defaultAnimation={this.props.animation}
      onRightclick={this.handleMarkerRightclick} />

The properties with default- prefix is uncontrolled property. It will only be set ONCE when the component is first-time mounted. Any further changes to your React props/state will NOT affect this marker (So it's uncontrolled from the view of React). Who can change the marker, you may ask. The answer is, only the component from google.maps.

But sometimes, we may want the marker's position changed according to current state. In that case, you have to provide controlled property to the <Marker [position={this.state.position}>. By doing so, the marker's position will change every time the React props/state changes. However, it will not intercept the changes made by the component from google.maps. This is because for the <Marker> itself, it doesn't know what events from google.maps will change its component. So the consumer who uses "react-google-maps" will have to manually handle this in their codebase.

(081d03f1)

1.7.1

July 1, 2015

Bug Fixes

1.7.0

June 19, 2015

Features

  • GoogleMaps: specify map bounds via declarative props.bounds (b1333c52, closes #64)

1.6.0

June 19, 2015

Features

  • OverlayView: add OverlayView component by @petebrowne (f0c56ecb, closes #63)

1.5.1

June 17, 2015

1.5.0

June 17, 2015

Bug Fixes

  • VirtualContainer: propTypes.children should be renderable (a3d73af4)

Features

  • GoogleMaps: render VirtualContainer as children (c9e19828, closes #61)

1.4.0

June 17, 2015

Bug Fixes

  • SimpleChildComponent: Make sure to only animate markers on the first run. (65aec078)
  • src: eslint issues (adf3764b)

1.3.1

May 21, 2015

1.3.0

May 21, 2015

Features

  • InfoBox: Support for InfoBox (613e5ef5)

1.2.0

May 15, 2015

Features

  • DrawingManager: Support for Drawing API (9b3cbeba)
  • SimpleChildComponent:

1.1.2

May 6, 2015

Bug Fixes

  • GoogleMaps: constructor should use spread operator (d8e30af6)
  • SimpleChildComponent: prevent removal of child during update (834d399b)

1.1.1

May 1, 2015

Bug Fixes

  • VirtualContainer: preserve ref for React.cloneElement (3d3be964)

1.1.0

April 30, 2015

Features

  • GoogleMaps:
    • get rid of mapProps (7e338c2a)
    • render child components inside VirtualContainer (f07eb4b4)

Breaking Changes

  • mapProps is no longer needed

    since map children components are now rendered inside a virtual container, we don't need funky wrapper div anymore.

    Before:

    After:

    (7e338c2a)

1.0.1

April 30, 2015

Bug Fixes

  • Marker: dont wrap children inside noscript tag (5d9bbf0a)
  • package.json: test (7b54b54e)

1.0.0

April 28, 2015

Bug Fixes

  • package.json: add peerDependencies (15166996)

Features

0.2.5

March 11, 2015

Features

  • Map:

0.2.4

December 16, 2014

Features

  • Map: expose fitBounds as public API (c64da722)

0.2.3

November 27, 2014

0.2.2

November 20, 2014

Bug Fixes

  • Map: only pass id, className and style from props (284ab299)

0.2.1

November 20, 2014

0.2.0

November 20, 2014

Bug Fixes

  • ChildMixin: remove invalid_context and duplicated contextTypes (80110a23)
  • EventBindingMixin: pass instance when binding/unbinding (bb922794)
  • GoogleMapsMixin: respond to update of googleMapsApi (3b0a0e07)
  • InfoWindow:
  • Map:
    • bind event once to component instance (fe2665ae)
    • add api loaded state to _initialized (0e0192ba)
  • Marker: event listeners (f878c002)
  • Polygon: event listeners (5f98d0e1)
  • create_child_component: event binding for child components (f4b1b022)
  • expose_getters_from: should iterate all keys in prototype chain (5a89ed1c)

Features

  • ChildMixin:
    • expose instance getters from prototype (bad5456f)
    • add invalid_context to check before operations (5d33c309)
    • make Map and Marker use context apis (9514b484)
  • EventBindingMixin:
    • move event names definition to caller (4c5ca5d1)
    • hook to correct lifecycle events (4ef9fdea)
    • extract event binding part out (c12ddd4a)
  • GoogleMap:
    • hookup event listeners to map instance (ff1a7a8a)
    • initialize google map component (80e7fd84)
  • GoogleMapsMixin:
    • move into mixins subfolder (0f10be83)
    • create mixin for context usage (526ca9d8)
  • InfoWindow: component with example (e227edf8)
  • Map:
    • expose panBy, panTo and panToBounds as public interfaces (6ccd1284)
    • stateless map component (3d3aa153)
    • configureable id, className and style (420e83bb)
    • setOptions when componentDidUpdate (8d07bd34)
    • extract out Map component (8c5429c7)
  • Marker: update options when componentDidUpdate (0a7e490f)
  • Polygon: add component and client example (556b9be9)
  • Polyline: component with example (d0b802bb)
  • index: create common child components by factory (43b791d2)