<p dir="auto">Looking at the other tickets related to this issue, it appear that it was fixed and then the fix for whatever reason was reverted.</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}"><pre class="notranslate"><span class="pl-ent">img</span> {
  <span class="pl-c1">max-width</span><span class="pl-kos">:</span> <span class="pl-c1">100<span class="pl-smi">%</span></span>;
  <span class="pl-c1">vertical-align</span><span class="pl-kos">:</span> middle;
  <span class="pl-c1">border</span><span class="pl-kos">:</span> <span class="pl-c1">0</span>;
  <span class="pl-c1">-ms-interpolation-mode</span><span class="pl-kos">:</span> bicubic;
}</pre></div>
<p dir="auto">Max width interferes with how google maps sets image sprites in the ui. The image is placed within a div and positioned with absolute positioning. Setting max-width on the image, forces the image to a width of its parent even though its suppose to be larger.</p>
<p dir="auto">I suspect there is a purpose to having max width in the image tag (responsive design?) so i would suggest the following override to prevent this from being an issue in the future. It does rely on Google not changing its CDN path, but its the only unique identifier within the Google Maps DOM that I have found.</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="img[src^=&quot;http://maps.gstatic.com/&quot;] {
    max-width: none;
}"><pre class="notranslate"><span class="pl-ent">img</span>[<span class="pl-c1">src</span><span class="pl-c1">^=</span><span class="pl-s">"http://maps.gstatic.com/"</span>] {
    <span class="pl-c1">max-width</span><span class="pl-kos">:</span> none;
}</pre></div>
<p dir="auto">First of all thanks for your fantastic work. It does SAVE me a lot of time.</p>
<p dir="auto">When I put Google Maps into Bootstrap layout, img tag in Google Maps breaks because Bootstrap set <strong>img max-width to 100%</strong>. When I comment max-width, it's working find but I'm not sure whether it'll break something else in Bootstrap or not.</p>
<p dir="auto">Bootstrap and Google Maps<br>
<a href="http://jsfiddle.net/jhnRD/1/" rel="nofollow">http://jsfiddle.net/jhnRD/1/</a></p>
<p dir="auto">Google Maps without Bootstrap<br>
<a href="http://jsfiddle.net/aVx8L/" rel="nofollow">http://jsfiddle.net/aVx8L/</a></p>
<p dir="auto">Cheers,</p>