react-google-maps-infoBox.js

import React from 'react';
import GoogleMapsInfobox from 'google-maps-infobox';
import SimpleChildComponent from 'react-google-maps/lib/internals/SimpleChildComponent';
import createRegisterEvents from 'react-google-maps/lib/internals/createRegisterEvents';
import exposeGetters from 'react-google-maps/lib/internals/exposeGetters';

const {PropTypes} = React;

class InfoBox extends SimpleChildComponent {
  constructor (...args) {
    super(...args);
    this.state = {};
  }

  _createOrUpdateInstance () {
    const props = this.props;
    const {key, ref, ...googleMapsConfig} = props;
    let {instance} = this.state;

    if (instance) {
      instance = super._createOrUpdateInstance();
    } else {
      instance = new GoogleMapsInfobox(googleMapsConfig);
      exposeGetters(this, GoogleMapsInfobox.prototype, instance);
      this.setState({instance});
      instance.open(
        this.props.map,
        this.props.anchor
      );
    }

    return instance;
  }

}

// TODO fix this in jscs
// InfoBox.propTypes = {
//   ...SimpleChildComponent.propTypes,
//   anchor: PropTypes.object
// };

InfoBox._GoogleMapsClassName = 'InfoBox';

InfoBox._registerEvents = createRegisterEvents(
  'closeclick content_changed domready position_changed zindex_changed'
);

export default InfoBox;