谷歌地圖JavaScript的API不會顯示，當我使用身高百分比

谷歌地圖JavaScript的API不會顯示，當我使用高度百分比，但是當我使用PX它顯示。我需要它是我瀏覽器的95％，我該如何做？我使用的反應谷歌地圖JavaScript的API不會顯示，當我使用身高百分比

.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> 
}

來源

2016-05-13 phongyewtong

您可以發佈完整代碼請到這裏，我想這是因爲.map h的父節點因爲沒有高度 –

@MaYubo Yuboi正在使用反應 – phongyewtong

調整地圖畫布的時候，屏幕高度的變化

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

來源

2016-05-18 02:21:41 phongyewtong

谷歌地圖JavaScript的API不會顯示，當我使用身高百分比

回答

相關問題