Google Maps polygons hover gap on Firefox -
i created map polygons downloaded fusion table , drawn on map.
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 }); });
the expected behavior having yellow country more opaque when hovering on it.
ok on chrome, on firefox there gap in hovering: looks dependent on left (white) , top (green) gap between map , container's size.
example, if hover on middle of peru, chile or argentina "highlighted".
lowering green bar height , left margin or scrolling down within box, in order lower distance between map , borders, seems reducing gap.
in particular, when clicking country it's highlighted correctly (it receives click event).
update 7/23/15 1:49pm mdt known bug between firefox , google maps, current workaround load google maps js file "v=3" on it, load source using: src="http://maps.google.com/maps/api/js?v=3&sensor=false" or src="http://maps.google.com/maps/api/js?v=3"
i have tested in firefox 39.0 , workaround stops issue happening.
if had feedback i'd comment, because don't consider "solution". fact straight firefox bug. happens in version 39.0 of firefox (for windows , mac), not in 38.1.0 , earlier (this doesn't happen 38.1.0esr or 37.0.2).
this happens in firefox, not other browser test on windows or mac. , yes "hover" point offset height of green bar (google maps thinks you're hovering 200 pixels further down map) , size of left margin (it thinks you're hovering 100 pixels right).
i have reproduced (i.e. found happening) problem on site built http://www.sawtoothtrails.com
i submit bug report firefox , see how goes.
-- bass
-- update 7/22/15 6:43pm mdt misspoke above, happen on firefox mac version 39.x well, although not on firefox mac 38.0.1
Comments
Post a Comment