Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 带导航栏的引导全屏谷歌地图_Html_Css_Google Maps_Twitter Bootstrap - Fatal编程技术网

Html 带导航栏的引导全屏谷歌地图

Html 带导航栏的引导全屏谷歌地图,html,css,google-maps,twitter-bootstrap,Html,Css,Google Maps,Twitter Bootstrap,我有一个全屏谷歌地图应用程序,上面有一个导航栏 所以我有一个这样的设置: <div class="navbar"> <nav bar stuff......> </div> <div id="mapcanvas"></div> mapcanvas元素的高度和宽度为100% 但是,mapcanvas似乎溢出了页面,整个页面可能会按导航栏的大小向下滚动页面 我该如何解决这个问题呢?也许可以尝试将导航栏固定顶添加到您的导航栏类中

我有一个全屏谷歌地图应用程序,上面有一个导航栏

所以我有一个这样的设置:

<div class="navbar">
    <nav bar stuff......>
</div>
<div id="mapcanvas"></div>

mapcanvas元素的高度和宽度为100%

但是,mapcanvas似乎溢出了页面,整个页面可能会按导航栏的大小向下滚动页面


我该如何解决这个问题呢?

也许可以尝试将
导航栏固定顶添加到您的导航栏类中

<div class="navbar navbar-fixed-top">
    <nav bar stuff......>
</div>

asdf
阻止一些谷歌地图控制。在启用GMAP的情况下,这似乎也不起作用。从我最初看到的情况来看,gmap创建了一堆东西,我不知道它们是如何工作的。@ultimatebuster不知道它是如何与gmap一起工作的-但是检查一下你是否包装了整个谷歌地图-所以gmap中的样式不会影响#mapcanvas div-它应该工作。