Maybe add a transparent div / image over your map (with a proper z- index)? That will make it inaccessible to mouse events, thus making your page draggable. Again, not tested, just an idea...
And maybe you could add this transparent layer on the map's drag event, so that the map would be available to clicks until then (in case you have some markers you need to access or something). You could later dispose the transparent layer, once the page isn't scrolling anymore (you'd check it in the window's scroll event, using a setTimeout function). On Mar 8, 8:27 pm, unoedx <[email protected]> wrote: > Thank you kilkul for the hinit. > I've tried to use event handlers, but the problem is that the drag > event doesn't give me information about the position or direction of > the dragging, and even if i continue to set the center at the original > position the feeling for the user is the map moving around, i don't > like that behaviour. > With the mousemove event i can get just information about the LatLng > of the point that i'm over, that depends on the zoom and is not > cartesian, well I think should not be impossible to calculate the > amount of pixel to scroll with some spheric geometry.. but, well no > simpler solutions? > > On Mar 8, 7:50 pm, kilkul <[email protected]> wrote: > > > I haven't tested this, but you may try to leave the map draggable, and > > handle the dragstart event in order to move your page (and trigger the > > dragend event afterward or something). You might use the > > window.scrollTo() to move your page (while dragging the map). > > > On Mar 8, 6:28 pm, unoedx <[email protected]> wrote: > > > > Hi all, > > > I have a problem with a mobile website, i want the map to be fixed (so > > > i've > > > set draggable to false) but the problem is that when the user start to > > > scroll with a finger from inside the map nothing happen, and i would like > > > that the page scrolls down (tested on iOs and Android 2.1), can i do that? > > > > the url of the site is:http://www.tipass.ch/main_records/view/110/eng > > > > and the map is instantiate as follow: > > > var map = new google.maps.Map(document.getElementById('mapCanvas'), { > > > zoom: 15, > > > center: latLng, > > > scrollwheel: false, > > > draggable: true, > > > mapTypeId: google.maps.MapTypeId.ROADMAP, > > > scaleControl: true, > > > panControl: false, > > > }); > > > > thank you > > > > unoedx -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" 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-js-api-v3?hl=en.
