Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-google-maps

Package Overview
Dependencies
Maintainers
1
Versions
99
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-google-maps - npm Package Versions

1
10

5.1.1

Diff

Changelog

Source

5.1.1 (2016-10-04)

Bug Fixes

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

<a name="5.1.0"></a>

tomchentw
published 5.1.0 •

Changelog

Source

5.1.0 (2016-09-30)

Features

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

<a name="5.0.0"></a>

tomchentw
published 5.0.0 •

Changelog

Source

5.0.0 (2016-08-04)

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={<GoogleMap />} 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.

<a name="4.11.0"></a>

tomchentw
published 4.11.0 •

Changelog

Source

4.11.0 (2016-05-29)

Features

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

<a name="4.10.3"></a>

tomchentw
published 4.10.3 •

Changelog

Source

4.10.3 (2016-05-29)

Bug Fixes

  • GoogleMapLoader: handle unmount ref case (334c5c9)

<a name="4.10.2"></a>

tomchentw
published 4.10.2 •

Changelog

Source

4.10.2 (2016-05-29)

Features

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

<a name="4.10.1"></a>

tomchentw
published 4.10.1 •

Changelog

Source

4.10.1 (2016-04-27)

Bug Fixes

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

<a name="4.10.0"></a>

tomchentw
published 4.10.0 •

Changelog

Source

4.10.0 (2016-04-26)

Features

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

<a name="4.9.1"></a>

tomchentw
published 4.9.1 •

Changelog

Source

4.9.1 (2016-02-21)

Bug Fixes

  • componentLifecycleDecorator: revert to componentWillReceiveProps (105dc6b)

<a name="4.9.0"></a>

tomchentw
published 4.9.0 •

Changelog

Source

4.9.0 (2016-02-21)

Bug Fixes

  • componentLifecycleDecorator: change componentDidUpdate to componentWillReceiveProps (b42b58e)

Features

<a name="4.8.2"></a>

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc