Google Maps infowindow tip blinking

Question

White bottom tip of marker infowindow appears in upper left corner of map when moving mouse quickly over both markers left-right-left.

See it in action here http://jsfiddle.net/WGy4g/3/

var map = null;

initialize();

function initialize() {
    var mapOptions = {center: new google.maps.LatLng(-34.397, 150.644),zoom: 8};
    map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);    

    addMarker(-34.397, 150.644);
    addMarker(-34.377, 150.534);
}

function addMarker(lat,lng) {
    var marker = new google.maps.Marker({position: new google.maps.LatLng(lat,lng), title: "marker"});
    marker.setMap(map);

    google.maps.event.addListener(marker, 'mouseover', function() {
        if (!this.infowindow) {
            this.infowindow = new google.maps.InfoWindow({content: 'abc'});
        }
        this.infowindow.open(map, this);
    });
    google.maps.event.addListener(marker, 'mouseout', function() {
        this.infowindow.close();
    });
}

Posted a bug report: https://code.google.com/p/gmaps-api-issues/issues/detail?id=6746&thanks=6746&ts=1401343988

Answer 1

Possible duplicate of Google map js api version 3 infowindow glitch

I can confirm that this happens in both IE and Google Chrome. It appears to be an issue with the Google Maps API, therefore you were right to list this as a bug. To try working around the problem in one of my own scripts, I have tried; using the setPosition method of the InfoWindow class to set specific LatLng coordinates to 0,0 before invoking the open method; and fiddling around with the pixelOffset property through the setOptions method, but to no avail. I also considered changing the visibility state of the InfoWindow back and forth, but there is no easy way of doing this.

Waiting for the bug to be fixed appears to be the only feasible option.