javascript - Google map 信息窗口提示闪烁

Question

在左右两个标记上快速移动鼠标时，标记信息窗口的白色底部提示会出现在 map 的左上角。

在此处查看实际效果 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();
    });
}

发布错误报告:https://code.google.com/p/gmaps-api-issues/issues/detail?id=6746&thanks=6746&ts=1401343988

Answer 1

Google map js api version 3 infowindow glitch 可能重复

我可以确认这在 IE 和 Google Chrome 中都会发生。这似乎是 Google Maps API 的问题，因此您将其列为错误是正确的。为了尝试在我自己的一个脚本中解决这个问题，我已经尝试过；在调用 open 方法之前，使用 InfoWindow 类的 setPosition 方法将特定的 LatLng 坐标设置为 0,0；并通过 setOptions 方法摆弄 pixelOffset 属性，但无济于事。我还考虑过来回更改 InfoWindow 的可见性状态，但没有简单的方法可以做到这一点。

等待错误被修复似乎是唯一可行的选择。