横跨屏幕谷歌地图的灰色水平线

时间:2014-02-19 02:11:39

标签: google-maps google-api

出于某种原因,我在谷歌地图视图框中有灰色的水平线。

如果您已经删除了这些线并将地图重新​​拼接在一起,那么地图将会合在一起,就好像您将一张撕裂的地图放在一起一样。

有没有人遇到过这个问题,解决方案是什么? 我读了一些与css有关的片段(我忘了在哪里)。 我尝试使用不同的css组合,似乎没有任何影响它。

提前致谢。 Jenia

2 个答案:

答案 0 :(得分:1)

通常(至少对我而言)检测源的最简单方法是使用开发人员工具。

  1. 转到HTML / Elements标签,然后选择一个img元素,即map-tile
  2. 检查右侧样式标签中已应用于此图片的样式(element.style除外)
  3. 关于您的描述,有问题的样式可能是宽度/最大宽度,而不是256,边框,边距,填充
  4. 当您检测到有问题的设置尝试更改或删除该值时,您应该立即看到更改
  5. 如果您没有找到任何内容,请重复<div>
  6. 的父<img>的步骤

    轻松找到图像在控制台内执行:

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

答案 1 :(得分:1)

我怀疑您的浏览器已缩放..返回默认缩放(100%)并且线条将消失。