当我使用高度作为百分比时,谷歌地图javascript api不会显示

时间:2016-05-13 14:49:20

标签: javascript google-maps google-maps-api-3 reactjs

当我使用高度作为百分比时,谷歌地图javascript api不会显示但是当我使用px时它会显示。我需要它是我浏览器的95%,我该怎么做?我正在使用反应

.map {
    width: 65%;
    /*height: 95%;*// doesnt works. why?
    height: 680px; // works?
}

map.jsx

<div id="mapCanvas">
   <Map name="map"/>
</div>

home.jsx

render () {
    console.log("Render Map")
    return <div className="map" id="map"></div>
}

1 个答案:

答案 0 :(得分:0)

在屏幕高度更改时调整地图画布的大小

componentDidUpdate () {
    $(window).resize(function () {
        const h = $(window).height(),
        offsetTop = 85; // Calculate the top offset
        $('#map').css('height', (h - offsetTop));
    }).resize()
},