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

最佳答案

在template.css文件中,您具有以下样式声明:

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


正是这种填充物弄乱了您的Google地图。您将需要对其中一些进行重新处理,或者尝试使用更多的!important样式覆盖Google地图。啊。

关于html - 谷歌 map 上的灰色网格,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41966365/

10-12 13:02