Ich implementiere Google Maps auf meiner Website und habe gerade festgestellt, dass diese Zeile angezeigt wird. Das passiert nur in Chrome (Windows) und egal, wie weit ich in meinem Code zurückspringe, ich kann ihn scheinbar nicht verschwinden lassen. Beim Verkleinern wird die Linie zufällig an einer anderen Stelle im Ansichtsfenster gerendert, im Allgemeinen auf der rechten Seite.

Irgendwelche Gedanken darüber, was dies verursachen könnte?

Hier ist das CSS, das ich auf die map_canvas angewendet habe:

  #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*/

   }

Und hier ist die grundlegende HTML-Struktur des Kartenbereichs.

  <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>