Реагировать, как отобразить карту Google-карты-реагировать в всплывающем окне? - PullRequest
Новая
       34

Реагировать, как отобразить карту Google-карты-реагировать в всплывающем окне?

0 голосов
/ 21 мая 2019

При попытке отобразить карту во всплывающем окне при нажатии кнопки карта отображается нормально, когда не во всплывающем окне, но всплывающее окно просто отображает «Загрузка ...» и не отображает карту. Спасибо за любую помощь, спасибо. 

export class Search extends Component {
    constructor(props) {
        super(props);

        this.state = {
          showPopup: false
        };
      }

      togglePopup() {  
        this.setState({  
             showPopup: !this.state.showPopup  
        });  
        } 

  render() {
    return (
        <div>   
            <Button onClick={this.togglePopup.bind(this)}> Click To Launch Popup</Button>  
            {this.state.showPopup ?  
            <Popup 
                    closePopup={this.togglePopup.bind(this)} 
            />  
            : null  
            }  
        </div> 
      );
  }
}

Всплывающее: 

class Popup extends React.Component {  
    render() {  
  return (  
  <div className='popup'>  
  <div className='popup_inner'>  
  <Button onClick={this.props.closePopup}>close</Button> 
  <Map
    google={this.props.google}
    style= {{
        width: '50%',
        height: '50%'
    }}
    zoom={9}
    initialCenter={{lat: -27.4698, lng: 153.0251}}
    onReady={this.handleMapReady}
    >
    </Map> 
  </div>  
  </div>  
  );  
  }  
  }

Я думаю, что проблема заключается здесь, просто не знаю, как ее исправить: 

export default GoogleApiWrapper({
    apiKey: my_API_key,
    libraries: ["visualization"]
  })(Search)
...