2016-06-07 102 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

回答