load-script.js

/**
 * Component that loads script. 
 * It gives you a callback, so you can continue doing stuff once script get loaded.
 */

export interface mapWrapperProps{
  asyncScriptOnLoad?:()=>void;
  libraries?:string;
}


class MapWrapper extends React.Component<mapWrapperProps,{}>{

  componentWillMount(){
      let scriptlibraries = this.props.libraries?"libraries="+this.props.libraries:"";
      this.loadScript("https://maps.googleapis.com/maps/api/js?key=apikey&" + scriptlibraries, this.props.asyncScriptOnLoad);
  }

  loadScript(src,callback){
    let len = $('script').filter(function () {
                return ($(this).attr('src') == src);
              }).length;
    if(len){
      if(callback)callback();
    }else { 
      var script = document.createElement("script");
      script.type = "text/javascript";
      if(callback)script.onload=callback;
      document.getElementsByTagName("head")[0].appendChild(script);
      script.src = src;
    }
  }
  render(){
    return (<div></div>);
  }
}

export default MapWrapper;