Google maps 如何使用网站菜单覆盖制作全屏谷歌地图？

我正在建立一个网站，主要由大的（可操作的）图形和覆盖着不同类型数据的谷歌地图组成。网站导航是横跨顶部的HTML div的水平条，但不是一直横跨顶部

我想找到一种方法，使地图API/应用程序显示在导航的“下方”，并占据整个窗口的其余部分。有人能提供建议吗？

你是说：

添加一个容器：

<div id="container">
    <div id="nav">Nav Menu</div>
    <div id="map"></div>
</div>

加载地图：

var mapOptions = {
        center: new google.maps.LatLng(40.435833800555567, -78.44189453125),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 11
      };     
var map = new google.maps.Map(document.getElementById("map"), mapOptions);

---

如果这是一张你在谷歌编辑的地图，你想要作为背景，带有位置标记和信息，那该怎么办？你会把它放在哪里？很好的例子，谢谢。

var mapOptions = {
        center: new google.maps.LatLng(40.435833800555567, -78.44189453125),
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 11
      };     
var map = new google.maps.Map(document.getElementById("map"), mapOptions);