title: Google maps zoom controls and markers disappear
body: <p>I encountered two very strange issues with a google maps that appear to be happening only on Chrome/Mac and Chrome/Windows</p>
  
  <ol>
  <li><p>If you click on the first pin located in Colorado and try to pan the map moving the mouse to the right you will notice that the zoom controls will start to disappear. I already tried fixing it with max-width:none; so this is not the same bug.</p></li>
  <li><p>If you click on the right marker located in Skopje you will notice that the marker will disappear at zoom level 20</p></li>
  </ol>
  
  <p>UPDATE: Both of the bugs are fixed if i disable the Hardware acceleration on the Chrome so i think it's more of a Chrome issue than google maps one.</p>
  
  <p>Here is a jsfiddle link to reproduce the problem <a href="http://jsfiddle.net/sokarovski/rx74P/2/" rel="nofollow">http://jsfiddle.net/sokarovski/rx74P/2/</a></p>
  
  <pre><code>var posSkopje = new google.maps.LatLng(42.007652282715,21.372894287109034);
  var posColorado = new google.maps.LatLng(38.960487365723,-104.76946258545001);
  
  google.maps.visualRefresh = false;
  var map = new google.maps.Map(document.getElementById("map_canvas"), {
      center: new google.maps.LatLng(0, 0),
      zoom: 3,
      mapTypeId: google.maps.MapTypeId.HYBRID,
      maxZoom: 20
  });
  
  var markerSkopje = new CustomMarker('img.svg');
  markerSkopje.setPosition(posSkopje);
  markerSkopje.setMap(map);
  
  var markerColorado = new CustomMarker('img.svg');
  markerColorado.setPosition(posColorado);
  markerColorado.setMap(map);
  
  var zoomOnClick = function(arg1) {
      map.setCenter(this.getPosition());
      map.setZoom(22);
  }
  
  google.maps.event.addListener(markerColorado, 'open', jQuery.proxy(zoomOnClick, markerColorado));
  google.maps.event.addListener(markerSkopje, 'open', jQuery.proxy(zoomOnClick, markerSkopje));
  </code></pre>