Linha vertical aleatória do Google Maps no Chrome
Estou implementando o Google Maps no meu site e comecei a perceber essa linha aparecer. Isso só acontece no Chrome (Windows) e, por mais que eu volte no meu código, não consigo fazê-lo desaparecer. À medida que você diminui o zoom, a linha é renderizada aleatoriamente em outro local da janela de visualização, geralmente no lado direito.
Alguma idéia sobre o que pode estar causando isso?
Aqui está o CSS que eu apliquei no map_canvas:
#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*/
}
E aqui está a estrutura HTML básica do item de tela do mapa.
<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>