google-maps-api-3 - Chrome中的谷歌地图随机垂直线

Question

我正在我的网站上实现谷歌地图，我刚开始注意到这条线出现了。它只发生在 Chrome (Windows) 中，无论我在我的代码中退后多远，我似乎都无法让它消失。当您缩小时，线条会随机呈现在视口(viewport)中的其他位置，通常在右侧。

关于可能导致这种情况的任何想法？




这是我应用于 map_canvas 的 CSS:

  #map_canvas img {
      max-width: none!important;
   }
   #map_canvas {
      height: 100%;
      width: 100%;
      position: absolute;
   }
   /** Make the map responsive to the container **/
   .map-container {
      height: 0;
      position: relative;
      padding-bottom: 80%;
      margin-right: -3%; /*compensation for margin0 on span9*/

   }

这是 map Canvas 项的基本 HTML 结构。

  <div class="span9">
     <div class="map-container"> <!-- container needed for responsiveness -->
        <div id="map_canvas"></div>
        <div class="hidden-phone">
           <ul>
              <li onclick="toggle()">Restrooms</li>
              <li onclick="toggle()">Handicap Access</li>
           </ul>
        </div>        
     </div>
  </div>

Answer 1

我在 chrome 上遇到了同样的问题，我切换到 3.14 版本，这解决了问题
如果你像这样包含谷歌的脚本，它应该可以解决问题

<script src="http://maps.googleapis.com/maps/api/js?v=3.14&sensor=false"></script>