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