Google Maps random vertical line in Chrome -


i implementing google maps on website , started noticing line appearing. happens in chrome (windows) , no matter how far step in code can't seem make disappear. zoom out, line randomly renders elsewhere in viewport, on right side.

any thoughts on may causing this?

line on map line on map

here css have applied map_canvas:

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

and here basic html structure of map canvas item.

  <div class="span9">      <div class="map-container"> <!-- container needed 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> 

i had same problem on chrome, switched version 3.14 , solved problem if include script google should solve problem

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

Comments

Popular posts from this blog

javascript - jquery or ashx not working -

opencv - DataType<cv::detail::deriv_type>::depth what is it used for -

python 3.x - Mapping specific letters onto a list of words -