Javascript 谷歌地图全高样式angularjs

我正在努力在我的网站上显示全高的谷歌地图

<section data-ng-controller="LocationsController" data-ng-init="find()">
<map center="41.454161, 13.18461" zoom="6">
    <span data-ng-repeat="location in locations">
        <marker position="{{location.latitude}},{{location.longitude}}"
         title="{{location.name}}"></marker>
    </span>
</map>
</section>

我现在被迫在元素上传递一个高度的样式属性，否则将忽略该属性

我已经尝试过用jQuery.css（）覆盖style属性，并将外部div的宽度和高度定义为100%，但都不起作用，或者ngMaps设置的样式没有被覆盖，或者映射完全消失

如果我想在100%的高度上显示地图，我还可以做些什么使其工作？

查看在CSS中添加“位置：绝对”是否有帮助-

.map  {
  position:absolute;
  width: 100%;
  height: 100%;
}

像这样将

default style=“false”

传递到map指令中以删除300px内联样式：

<map center="41.454161, 13.18461" zoom="6" default-style="false">

---

元素的CSS是什么样子的？我记得角度贴图需要高度才能正常工作；高度：300px；“全高”是指要显示全屏地图吗？

map {
  position:absolute;
  width: 100%;
  height: 100%;
}