2016-06-07 83 views
0

我将地图添加到了我的网站,但有些地方有问题。这是发生了什么......谷歌地图API - 奇怪的地图在地图上

enter image description here

这是HTML

<div id='map'> 

    </div> 
     <script async defer 
       src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDNnZ9kGQCZbjbUAceQXwxW9TBHxV2tNlU&callback=initMap"></script> 

,这是我的JS代码...

function initMap() { 
var map = new google.maps.Map(document.getElementById('map'), { 
    center: {lat: 15.177076, lng: 15.619812}, 
    zoom: 8 
    }); 
    } 

我还发现这白色div在班级'gmimoprint'下,并且我已经为该班级设置了显示:无。在该元素后面有一个div元素,其中包含链接到谷歌地图。

该div也遍布我的地图,它阻止我控制地图,但它不包含类或id属性。

什么问题?如果没有其他解决方案,我可以如何更改该元素样式(我应该使用哪些CSS选择器)?

它看起来像这样...

enter image description here

+0

很奇怪。你有完整的代码示例来重现这一点吗? – xomena

+0

地图的所有代码都在这里。我设法解决这个问题,隐藏第一个白色的div并设置'height:auto; width:auto'为包含谷歌链接的第二个div(div高度和宽度由google链接的高度和宽度设置)。仍然不知道什么是问题,但我找到了避免它的方法 – Fale1994

+0

这真的很奇怪,因为我可以看到左上角的Google图标。它必须位于左下角。据我所知,禁止根据ToS更改归属地位置。你确定你不重写默认样式吗? – xomena

回答