谷歌地图上的灰色网格答案

【问题标题】：Gray grid on google map谷歌地图上的灰色网格
【发布时间】：2017-01-31 19:53:53
【问题描述】：

我创建了一张地图，您可以在这里查看http://summitaccounting.ca/about-us

我创建了两次 API 密钥，结果相同

我已经确定了该属性。但是，我无法摆脱地图顶部的灰色网格。这是我正在使用的代码。

任何帮助将不胜感激。

<html>
  <head>
    <style>
       #map {
        height: 400px;
        width: 100%;
       }
    </style>
  </head>
  <body>
      <div id="map"></div>
    <script>
      function initMap() {
        var uluru = {lat: 52.115, lng: -114.894};
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 14,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_fWUOsy0ygeKqSbdfiaK7_WKCrXCkDgc&callback=initMap">
    </script>
  </body>
</html>

【问题讨论】：

感谢您的帮助。我删除了该引用并在 bootstrap-default-min.css 中添加了填充。

标签： html css google-maps-api-3

【解决方案1】：

在您的 template.css 文件中，您有以下样式声明：

a img,fieldset,img{
    border:none;
    padding:5px 10px !important;
}

正是那个填充物弄乱了你的谷歌地图。您将需要重新处理其中的一些内容，或者尝试使用更多!important 谷歌地图样式覆盖它。呃。

【讨论】：