Google Firefox 上的地图多边形悬停间隙

Question

我创建了一个地图，其中一些多边形是从 Fusion Table 下载并绘制在地图上的。
http://jsfiddle.net/2wej9smf/135/
http://codepen.io/massic80/pen/WvgKym

google.maps.event.addListener(country, 'mouseover', function(e) {
    this.setOptions({
        fillOpacity: this.fillOpacity + 0.2
    });
});

google.maps.event.addListener(country, 'mouseout', function() {
    this.setOptions({
        fillOpacity: this.fillOpacity - 0.2
    });
});

预期的行为是将鼠标悬停在任何黄色国家/地区上时变得更加不透明。
在 Chrome 上一切正常，但在 Firefox 上悬停时有一个间隙：它看起来取决于地图和容器大小之间的左侧（白色）和顶部（绿色）间隙。
例如，如果您将鼠标悬停在秘鲁、智利或阿根廷的中部，则为 "highlighted".
降低绿色条高度和左边距或在框内向下滚动，以降低地图和边框之间的距离，似乎缩小了差距。
特别是，当点击一个国家时，它会正确突出显示（它会收到点击事件）。

Answer 1

更新 2015 年 7 月 23 日 1:49PM MDT 这是 Firefox 和 Google Maps 之间的已知错误，当前的解决方法是加载带有 "v=3" 的 Google Maps js 文件，因此使用以下方式加载源代码：来源="http://maps.google.com/maps/api/js?v=3&sensor=false" 要么源码="http://maps.google.com/maps/api/js?v=3"

我已经在 Firefox 39.0 中对此进行了测试，此解决方法可以阻止问题的发生。

如果我有反馈，我会发表评论，因为我不认为这是 "solution"。但事实是，这是一个直截了当的 Firefox 错误。它发生在 Firefox 的 39.0 版中（对于 Windows 和 Mac），但在 38.1.0 和更早版本中不会发生（38.1.0ESR 或 37.0.2 不会发生这种情况）。

这只发生在 Firefox 中，而不是我可以在 Windows 或 Mac 上测试的任何其他浏览器。是的，"hover" 点被绿色条的高度（Google 地图认为你在地图下方 200 像素处徘徊）和左边距的大小（它认为你是向右悬停 100 像素）。

我已经在我建立的网站上重现了（即我发现它正在发生）这个问题 http://www.sawtoothtrails.com

我会向 Firefox 提交错误报告，看看结果如何。

-- 低音

-- 更新 7/22/15 6:43PM MDT 我在上面说错了，这确实发生在 Firefox 的 Mac 版本 39.x 上，尽管在 Firefox 上没有 Mac 38.0.1

Google Firefox 上的地图多边形悬停间隙

Google Maps polygons hover gap on Firefox

firefox

google-maps

kml

google-maps-api-3

google-fusion-tables