Google Maps 多边形在 Firefox 上悬停间隙答案

【问题标题】：Google Maps polygons hover gap on FirefoxGoogle Maps 多边形在 Firefox 上悬停间隙
【发布时间】：2015-10-12 15:33:28
【问题描述】：

我创建了一个地图，其中一些多边形从 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 上，悬停存在间隙：它看起来取决于地图和容器大小之间的左侧（白色）和顶部（绿色）间隙。
例如，如果您将鼠标悬停在秘鲁中部，智利或阿根廷就会被“突出显示”。
降低绿条高度和左边距或在框内向下滚动，以降低地图与边界之间的距离，似乎缩小了差距。
特别是，当点击一个国家时，它会正确突出显示（它会接收点击事件）。

【问题讨论】：

这是 v=3.exp 和 Firefox 39.0 的版本吗？
抱歉，我没有报告版本，因为我认为它们是最新版本。但是，@Bass 为我制作了它（谢谢）:) 感谢小提琴通知，如果我不去调试它，请原谅我 ;)
我刚刚注意到有人否决了这个问题：我可以知道为什么吗？

标签： google-maps firefox google-maps-api-3 kml google-fusion-tables

【解决方案1】：

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

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

如果我有反馈，我会发表评论，因为我不认为这是一个“解决方案”。但事实是这是一个直接的 Firefox 错误。它发生在 Firefox 版本 39.0（适用于 Windows 和 Mac）中，但不会发生在 38.1.0 和更早版本中（这不会发生在 38.1.0ESR 或 37.0.2 中）。

这只发生在 Firefox 中，而不是我可以在 Windows 或 Mac 上测试的任何其他浏览器。是的，“悬停”点被绿色条的高度（谷歌地图认为你在地图下方悬停 200 像素）和左边距的大小（它认为你在右边悬停 100 像素）所抵消)。

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

我将向 Firefox 提交错误报告，看看情况如何。

-- 贝斯

-- UPDATE 7/22/15 6:43PM MDT 我在上面说错了，这确实发生在 Firefox for Mac 版本 39.x 上，虽然不是在 Firefox for Mac 38.0.1 上

【讨论】：