Css 谷歌地图（街景）嵌入一个div，全屏显示

我有一个谷歌地图街景，它工作得很好：

<div class=\"street_view\" data-address = "30 Rockefeller Center" ></div>

一切都很好：

但是，当我单击全屏按钮时，它似乎只占据了其父容器中的一个，而不是占据全屏：

---

是否需要对父容器中的css执行某些操作，以允许街景小部件占据整个页面？

在css中应该这样声明一个类：

.street_view{
background: red;
}

然后在div中使用它，如下所示：

<div class="street_view">Your content</div>

您的内容

因此，我假设您的问题涉及到div中的语法。整个全屏操作都是从JS开始的，但是它的样式是在您的CSS类中声明的，所以这可能是您的问题：

<div class=\"street_view\"

<div class=\"street_view\"

<iframe width="425" height="240" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://developers.google.com/maps/documentation/javascript/examples/full/streetview-embed" allowfullscreen="">
</iframe>