Google maps zurb foundation 5中的谷歌地图不清楚

需要帮助！！ 我正在使用zurb foundation 5在我的网页上使用谷歌地图。 而不是：
我有一个：

正如你所看到的，这两张图片是不同的，我没有任何图层在上面。 以下是我介绍地图的代码：

<div id="map" class="row" data-lat='-18.914872' data-info='Ny Fy Tia' data-lng='47.531612' class="row">

#map
{
    min-height: 150px;
    height: 200px;
    max-height: 300px;
    opacity: .3;
}

#地图
{
最小高度：150px；
高度：200px；
最大高度：300px；
不透明度：.3；
}

将不透明度更改为1或将其完全删除。

为什么在地图中设置不透明度.3。。看看吧，我真是个白痴，我有几千行，所以我甚至没有看到这一行。谢谢您。