橫跨屏幕Google地圖的灰色水平線

Question

由於某種原因，我在谷歌地圖視圖框中顯示灰色水平線。

如果你想刪除線條並將地圖拼接在一起，那麼地圖就會合在一起，就好像你將一張撕裂的地圖放在一起。

有沒有人遇到過這個問題，它的解決方案是什麼？ 我讀了一些片段（我忘了在哪裏），它必須做的CSS。 我試圖玩弄不同組合的CSS和似乎沒有影響它。

在此先感謝。 Jenia

Answer 1

通常（至少對我而言）檢測源的最簡單方法是使用developer-tools。

1. 轉到HTML /元素 - 標籤，然後選擇一個img元素這是一個地圖瓦片
2. 檢查已應用到該圖像中的風格標籤右側的樣式（除element.style）
3. 關於你的描述有問題的款式可能寬/ maxwidth時沒有256，邊框的margin，padding
4. ，當你發現一個問題設置嘗試改變或刪除值，你應該馬上看變化
5. 當你沒有發現任何重複的步驟爲的<img>

父<div>會很容易找到圖像執行該控制檯內部：

console.dir(document.querySelectorAll('img[src*="googleapis.com/vt?lyrs="]')); 

Answer 2

我懷疑你有你的瀏覽器縮放..返回到默認變焦（100％）和線將消失。