Google地图未显示在create-react-app组件

时间:2017-08-22 22:33:41

标签: google-maps reactjs

我有一个谷歌地图组件,我知道一个事实是渲染,但地图没有显示。这是我的代码

import React, { Component } from 'react';

const google = window.google

class GoogleMaps extends Component {

  componentDidMount(){
    new google.maps.Map(this.refs.map, {
      zoom: 12,
      center: {
        lat: 37.773329,
        lng: -122.416416
      }
    })
  }

  render(){
    return(
      <div>
        <div ref="map"/>
        <h1>map?</h1>
      </div>
    )
  }
}

export default GoogleMaps;

1 个答案:

答案 0 :(得分:0)

我修好了,我需要设置宽度和高度。默认情况下没有设置。