I've checked other questions on StackOverflow relating to setCenter and google maps in IE8 but none of them seem to describe the problem I'm seeing. My javascript code constructs map objects inside collapsible divs, and due to the implementation of google maps a resize/re-center operation is required when showing the divs.
The code works fine in IE9/10, Firefox, Safari and Chrome, but doesn't work in IE8 - the resize works OK but the map is not centred, rather the marker appears at the top left, just outside the viewable area (suggesting that the setCenter call is doing nothing).
Resize/center code below:
var center = map.getCenter();
google.maps.event.trigger(map, 'resize');
map.setCenter(center);
Never got to the bottom of why this doesn't work under IE8. In the end I coded an unpleasant hack which detects IE8 and pans the container manually to center the map, but I'd love to replace it with something less ugly if anyone has a solution...
Related
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!
So i am having an issue in which the bing maps are not rendered completely on Safari 7. They are loaded fine on Chrome and IE.
Example - copy and paste the link into Safari 7 on a Mac :
http://www.levi.com/GB/en_GB/findAStore
As You can see only half the map renders the other half is gray, i get no errors in the console,
the only warning i get is:
"Invalid CSS property declaration at:* style.css"
Is anyone else running into this issue? is there a fix for it?
Try text-align:left in the style of the mapViewer div, it is likely that the map is inheriting the property text-align: center and that also applies to images of the map
Sytle.css is a file in your website. Start by looking into that file. Maybe comment out the reference and see if the issue still persists.
Bing maps works fine in Safari 7. The forum post you saw on the Bing Maps forums about Safari 7 ended up being an error in the users code and not with Bing Maps.
In your case you have not specified a css position, width or height property for the map. This is the #1 cause of issues between different browsers. IE and Chrome are fine with this, but other browsers like Safari require these to render correctly.
I also encountered this issue. text-align: center causes it and text-align: left fixes it.
rbrundritt, as this problem has come up repeatedly and your answer is always that the issue is style position, width, or height, you should know that the issue is that the div's text-align style impacts the rendering of the maps on Safari and iOS in Bing 7 and that setting to text-align: left will fix it.
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.
Google charts does automatic label positioning. However under chrome everything goes ok, but under firefox and IE this is the result: http://i.stack.imgur.com/ftXgF.png
As anyone gone through this or have any idea why this happens? It's a very random behaviour sometimes it displays properlly other times it doesn't.
The html element where the graphic is going to be displayed must be visible at drawing time.
That's the solution. Otherwise there is a bug that in browsers other than chrome it cluters up the legends.
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%?