谷歌地图上的灰色网格

时间:2017-01-31 19:53:53

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

我创建了一张地图,您可以在这里看到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>

1 个答案:

答案 0 :(得分:1)

在template.css文件中,您有此样式声明:

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

这是填充你的谷歌地图搞乱。您将需要重做其中一些操作,或尝试使用更多!important样式覆盖谷歌地图。啊。