Question

我正在尝试使用Polymer元素（google-map）制作地图，当我使用height: 100px这样的风格时，它正在工作，但我想将其设为全屏。

<link rel="import" href="../../bower_components/polymer/polymer.html">
<!-- Maps Element -->
<link rel="import" href="../../bower_components/google-map/google-map.html">

<script src="../../bower_components/jquery/dist/jquery.min.js"></script>
<dom-module id="geo-maps">

    <template>
        <style>
            google-map {
                display: block; 
                height: 100%;
                width: 100%;
            }
        </style>

        <google-map latitude="37.77493" longitude="-122.41942"></google-map>

    </template>


    <script>
        Polymer({
          is: 'geo-maps',
          properties: {
          }
        });
    </script>

</dom-module>

这是我的代码，我在Github和其他网站上尝试了一些链接，但它已被删除，它有我遗漏的东西。？

现在我用这个

<style>
       google-map {
           display: block; 
           height: 70vw;
           width: 84vw;
       }
</style>

如果你有更完美的全屏代码可以提供帮助。

Answer 1

这将填满窗口。希望这有帮助

google-map {
  margin: 0;
  height: 100vh;
}

使用Polymer的全屏谷歌地图

1 个答案: