谷歌地图多边形在Firefox上徘徊

时间:2015-07-22 16:12:32

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

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

1 个答案:

答案 0 :(得分:0)

更新2015年7月23日下午1:49 MDT 这是Firefox和谷歌地图之间的已知错误,目前的解决方法是加载带有“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 bug。它发生在Firefox 39.0版(适用于Windows和Mac)中,但不适用于38.1.0及更早版本(38.1.0ESR或37.0.2不会发生这种情况)。

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

我已经复制了(即我发现它发生了)我建立的网站上的问题http://www.sawtoothtrails.com

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

- 低音

- 更新2015年7月22日下午6:43 MDT我上面错过了,这确实发生在Firefox for Mac版本39.x上,虽然不适用于Firefox for Mac 38.0.1