G-Maps einbinden und scrollen verhindern

[bert]

Hi,

habe google maps in in meine Seite eingebaut.

Dabei habe ich folgenden Code von Google verwendet:

~~~javascript   //<![CDATA[
    var map;
    function load() {
      if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
      }
    }
     function handle(delta) {
if (delta < 0) map.zoomOut();
else map.zoomIn();
     }
     function wheel(event){
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta/120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail/3;
}
if (delta) handle(delta);
      }
      if (window.addEventListener)
window.addEventListener('DOMMouseScroll', wheel, false);
      window.onmousewheel = document.onmousewheel = wheel;

//]]>

  
Wenn nun in der Karte gescrollt wird, um den Zoom zu verstellen, scrollt allerdings auch die Seite mit.  
  
Habe also versucht, dies mit  
event.stopPropagation();  
event.cancelBubble = true;  
  
zu verhindern (habs in die function wheel an den Anfang gesetzt). Greift aber nicht.  
  
Weiß jemand wieso / wo das sonst hingehört?  
  
Danke

[Pryos.org]

Wenn nun in der Karte gescrollt wird, um den Zoom zu verstellen, scrollt allerdings auch die Seite mit.
zu verhindern (habs in die function wheel an den Anfang gesetzt). Greift aber nicht.
Weiß jemand wieso / wo das sonst hingehört?

Nirgenswo, das funktioniert nicht.
Mach es wie Google und sorge dafür, das die Seite nicht größer ist als der Bereich der Anzeige im Browser des Nutzters.

[bert]

Nirgenswo, das funktioniert nicht.

wenn ich ein div habe, welches die eigenschaft overflow:scroll besitzt, dann wird doch auch nur in dem div gescrollt und nicht im ganzen browser..
kann man da dann nicht irgendwie tricksen und das div so gestalten, dass der brwoser denkt man müsse darin scrollen, nur dass das eben eigentlich nicht der Fall ist?

[Pryos.org]

wenn ich ein div habe, welches die eigenschaft overflow:scroll besitzt, dann wird doch auch nur in dem div gescrollt und nicht im ganzen browser..
kann man da dann nicht irgendwie tricksen und das div so gestalten, dass der brwoser denkt man müsse darin scrollen, nur dass das eben eigentlich nicht der Fall ist?

Ist eine Idee, du müsstest halt ein Pixel mehr Inhalt haben, als das Div groß ist. Und die Maus muss auf dem Div sein (also Muss dein Scriptinhalt im Div sein).
Dann würdest du "scrolling" nicht verhindern, aber stark Eingrenzen.

[JürgenB]

Hallo bert,

ich ermögliche das Zoomen über das Scrollrad mit

map.enableScrollWheelZoom();

Da Scrollt auch die Seite nicht. Siehe GBXViewer Beispiel 4.

Gruß, Jürgen