javascript - 谷歌地图全高风格angularjs

Question

我正在努力让全高 Google map 显示在我的网站上。

<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>

我现在被迫在元素上传递高度的样式属性，否则 framework ngMaps将output a default height of 300px to the element as an inline style .

我已经尝试过用 jQuery .css() 覆盖样式属性以及将外部 div 的宽度和高度定义为 100%，但都没有用，或者 ngMaps 设置的样式没有被覆盖，或者 map 消失了完全。

如果我想实现在 100% 高度上显示 map ，我还能做什么才能让它工作？

Answer 1

像这样将 default-style="false" 传递到您的 map 指令中以删除 300px 内联样式:

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

然后在您的 CSS 中，像上面的答案一样定义所需的大小，但指定正确的选择器:

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