In the example below, there is a div element (having the id "box") on
top of a map. When mouse wheel zoom is enabled and the user rotates
the mouse wheel while the mouse pointer is on the "box" then the zoom
level of the map is changed. This only happens in Gecko based browsers
under linux. It works fine in any other browser I tested, including
firefox under windows.
Here are the two divs:
<div id="map" style="background-color:yellow; position:absolute;
left:0; right:0; top:0; bottom:0;"></div>
<div id="box" style="background-color:green; width:100px; height:
100px; position:absolute; left:50%; top:50%; margin:-50px 0 0
-50px;"></div>
and the code:
var map=new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(41.9,-87.6),5,G_NORMAL_MAP);
map.enableScrollWheelZoom();
one way to circumevent this bug is with the following code:
if (navigator && navigator.product=="Gecko" && (/linux/i).test
(navigator.platform))
document.getElementById("box").addEventListener("DOMMouseScroll",
function(e){e.stopPropagation()},true);
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---
