Databases
StackOverflow2013
Postsdbo
POGoogle maps zoom controls and markers disappear
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle maps zoom controls and markers disappear
    text
    copied!<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>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload