我创建了一张 map ,您可以在这里看到 http://summitaccounting.ca/about-us
我已经创建了两次 API key ,结果相同
我已经确定了该属性。但是,我无法摆脱 map 顶部的灰色网格。这是我正在使用的代码。
如有任何帮助,我们将不胜感激。
<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;
}
正是这种填充扰乱了您的谷歌地图。您将需要对其中的一些进行返工,或者尝试使用更多 !important
谷歌地图样式来覆盖它。呃。
关于html - 谷歌地图上的灰色网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41966365/