代码之家  ›  专栏  ›  技术社区  ›  jamesharvey

我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)

  •  0
  • jamesharvey  · 技术社区  · 6 年前

    默认情况下,爱奥尼亚原生谷歌地图的高度应为100%。

    我希望我的谷歌地图只获取其包含div(离子内容)的一半。 但正如你们所知,如果我将其高度设置为50%,贴图将不会渲染。

    有没有办法解决这个问题?

    或者我应该在google maps上创建一个容器div,并将其高度设置为50%? 但我发现,当我把谷歌地图div放在另一个div中时,它不起作用。

    谢谢

    1 回复  |  直到 6 年前
        1
  •  1
  •   Huiting    6 年前

    您可以这样做:

    html:

    <div class="mapDiv">
        <div id="map_canvas_test" class="map_canvas_test"></div>
    </div>
    

    css:

    .mapDiv
    {
      height: 50%;
    }
    
    .map_canvas_test
    {
      height:100%;
    }
    

    结果:

    enter image description here

    我用它来实现在屏幕的上半部分显示地图,在下半部分显示细节。