Javascript Google Maps API不在DIV标记内呈现

我有一个非常简单的谷歌地图，使用谷歌地图API v3，不会在div标签之间呈现

CSS:

HTML/JS：

---

如果我删除地图周围的div标记，效果很好，但我没有所需的格式。删除div也不是一个选项，因为它们在我们的页眉和页脚文件中是硬编码的。感谢您的帮助

像div这样的块元素的工作方式是，它采用其父元素的全宽，以及其相对子元素的最小高度。如果一个块元素的子元素将其高度设置为100%，它几乎类似于循环引用，但这种行为将其设置为0，除非它附加了硬数字

要解决这个问题，需要将其嵌套路径中所有div的高度设置为其父级的高度，以实现所需的功能。如果在浏览器的开发人员工具中使用Inspect元素，您将看到这意味着什么

---

我已经创建了一个你可以玩的，包括你的设置。此外，要进行初始化，您应该使用google.maps.event.adddomstener调用初始化函数，而不是直接调用它，因为浏览器将尝试异步加载脚本，并且API在到达调用函数initialize；时可能尚未准备就绪

像div这样的块元素的工作方式是，它采用其父元素的全宽，以及其相对子元素的最小高度。如果一个块元素的子元素将其高度设置为100%，它几乎类似于循环引用，但这种行为将其设置为0，除非它附加了硬数字

要解决这个问题，需要将其嵌套路径中所有div的高度设置为其父级的高度，以实现所需的功能。如果在浏览器的开发人员工具中使用Inspect元素，您将看到这意味着什么

---

我已经创建了一个你可以玩的，包括你的设置。此外，要进行初始化，您应该使用google.maps.event.adddomstener调用初始化函数，而不是直接调用它，因为浏览器将尝试异步加载脚本，并且API在到达调用函数initialize；时可能尚未准备就绪

试试这个，它会有用的！将样式标记放在标题中，将div放在正文中

<style>
 #_map {    
    height: 350px;   
    width: 900px;  
  }
</style>

 <div id="_map"></div>

---

试试这个，它会有用的！将样式标记放在标题中，将div放在正文中

<style>
 #_map {    
    height: 350px;   
    width: 900px;  
  }
</style>

 <div id="_map"></div>

---

您希望地图画布的宽度/高度是多少？样式部分和div标记中有不同的定义。div标记上的定义需要保留。什么定义了主体div的高度？如果它没有高度，0的50%是0。添加高度的可能副本解决了我的问题。不确定为什么宽度可以是百分比而不是高度。谢谢你的提示。你希望地图画布的宽度/高度是多少？样式部分和div标记中有不同的定义。div标记上的定义需要保留。什么定义了主体div的高度？如果它没有高度，0的50%是0。添加高度的可能副本解决了我的问题。不确定为什么宽度可以是百分比而不是高度。谢谢你的提示。

<style>
 #_map {    
    height: 350px;   
    width: 900px;  
  }
</style>

 <div id="_map"></div>