Google Maps' scroll wheel feature doesn't work in Safari - javascript

I'm using Google Maps Javascript API version 3 and in all browsers except Safari (I have version 7.0.1), the map can be zoomed in & out using the mouse wheel. I have a Logitech mouse.
Also, I'm displaying this map inside an iframe. So in Safari, its only because of iframe that the map doesn't zoom in & out using mouse wheel, otherwise it does.
Is this a known issue of Safari or is there a separate fix possible for it?

Ok, I finally solved it! I simply had to add onmousewheel="false" attribute to the iframe.

Related

How to unify behavior of infowindow scrolling in chrome/firefox/IE

I'm using google maps api in my application. I found out different behaviour of scrolling in infowindow. In google chrome when there is an infobox opened with overflowing text, I can scroll it with the mousewheel. If I do the same thing with firefox or IE it starts to zoom in / out. I made a short comparision video to understand my problem better. https://www.youtube.com/watch?v=-MUerJFebOc
I like the 'greedy' gestureHandling, where I can use the mousewheel to zoom in desired situations. I don't want to use 'cooperative' gestureHandling, which somehow solves my problem. Do someone knows a solution/workaround for that? Thank you!

window.scroll and scrollTo not working on iOS

I have a simple javascript that works perfectly on Mac and PC platforms, but stubbornly refuse to scroll on any iOS device.
function scrollWin(ctx) {window.scroll((XSobject Map_zoom_x) - Xwindow/2, (YSobject * Map_zoom_y) - Ywindow/2);}
Does anyone have any ideas how I can get this function to work on iOS devices? The rest of the scripting plots a map and this final step should scroll the window to the location on the map, so it is pretty essential. However, any iOS device ignores it and shows the map at the origin.
I have tried embedding it in a setTimeout but that doesn't help either. window.scroll does the same thing.
Many thanks for any pointers for this. Anatole

Google Embeded maps won't work with infra-red touch frame

I'm trying to use Google Maps (JS APIv3) in Chrome, in a kiosk mode, intending to use it with and infra-red touch frame. IR touch frame in a HID-mode (emulating not a mouse, but rather a touch device) works perfectly with maps.google.com, allowing to pan map with a finger, but won't allow it on an embedded map.
I assume that Google uses some sort of additional library for touch events, but looking into source code haven't given me any hints.
Anyway, is it possible to enable panning in an embedded google map for a generic touch device?
Thanks in advance!
Well.. even they have document on this control option, they don't seems to provided ways to enable the touch to pan event....
One work around might be to set to user-agent as chrome on Android.

Google Chrome background jittering when moving pictures

I was working on an image gallery and it involved some heavy image moving\resizing using javascript. Everything worked like a charm on all the broswers except for IE6\7 (no wonder) and ... Google Chrome.
Basically under certain zooming each movement made Chrome redraw the background, making it jitter, change its position and then move back. I can't post link to the actual script at the moment, but I used a jquery plugin to immitate the problem:
http://danilsk.narod.ru/wtf.html (try zooming in and out and clicking images)
Does anyone know how to fight this?
I am using google chrome and I see no issue here.
Everything is running very smoothly. Try updating your browser.
FYI:
Ubuntu 10.04 LTS - the Lucid Lynx
Google Chrome 8.0.552.215

Internet Explorer 7 Google Map Rendering Problem

Hi I'm having some trouble with IE7 when doing a map.
I've made an xml and ajaxed it to grab points based on where the user is on the map.
It works well, and in FF, IE8 no problems when they click the points. On IE7 it firstly misses the cross at the top right, has some problems with the border (fixed that with some margin) and more importantly cuts out an portion of the image which I can't figure out.
I've attatched an image and what you see there is basically an a tag with a background image.
I've taken the title out as I thought that might cause it. Basically I'm stumpped any ideas.
Thanks
Richard
There seems to be a bug in Internet Explorer which has to do with how transparent PNGs are scaled when using the Zooming feature of the browser. It's difficult to reproduce because it's a local browser setting.
It happens even in maps.google.com. See the example below at 125% zoom, using Internet Explorer 8:
Is your zoom set to anything other than 100%?

Categories

Resources