title: Google-Maps API blurred/not focused while Google-Maps is fine
body: <p>I want to embed a google-map with MAPS API V3. This works fine so far, but I got the problem that some areas are strangly blurred:</p>
  
  <p>For example Ibiza, Spain in Maps API:</p>
  
  <p><img src="https://i.stack.imgur.com/Y5aX3.png" alt="enter image description here"></p>
  
  <p>Looking at it in Google-Maps in the browser, all is fine:</p>
  
  <p><img src="https://i.stack.imgur.com/IH1yu.png" alt="enter image description here">
  <a href="https://www.google.de/maps/place/Ibiza,+Spain/@38.9148453,1.4037506,12671m/data=!3m1!1e3!4m2!3m1!1s0x1299476385093943:0x9064725cd8426d6" rel="nofollow noreferrer">https://www.google.de/maps/place/Ibiza,+Spain/@38.9148453,1.4037506,12671m/data=!3m1!1e3!4m2!3m1!1s0x1299476385093943:0x9064725cd8426d6</a></p>
  
  <p>I first thought it might be a problem of my code, but looking at pages like <a href="http://www.siteway.de/maps-generator/" rel="nofollow noreferrer">http://www.siteway.de/maps-generator/</a> or <a href="http://www.gmapgis.com/" rel="nofollow noreferrer">http://www.gmapgis.com/</a> revealed that ALL implementations of the API seem to have this problem. </p>
  
  <p>I added my code anyway, it's really plain &amp; easy:</p>
  
  <pre><code>var map = new google.maps.Map(document.getElementById('mymap'),
              {   center: new google.maps.LatLng(38.9148453,1.4037506),
                  zoom: 12,
                  mapTypeId: google.maps.MapTypeId.HYBRID,
                  scaleControl: true
              });
  
  &lt;div id="mymap" style="width:640px; height:480px;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The problem seem to appear on zoom-level 11 and 12 (perhaps on 10 as well, hard to say). Any idea what might be wrong? Or is Google using another quality for the images output by the API in comparison to Maps?</p>