Grey grid showing up on google maps - javascript

So, I implemented google maps to our website but for some reasons since yesterday a grid appeared on the map when I browse the website with chrome but not with firefox.
And If someone else browse the website with chrome the grid isn't displayed.
I'm having a hard time finding out why I see this grid
Here is a picture of the map

This is a bug in Chrome, see this issue in Google Maps Javascript API issue tracker

It surely is a bug in webkit browsers not only Chrome.
I managed to fix this by adding this css:
.gm-style div {
-webkit-transform: scale(1.002);
}

Related

How to fix Google Extension scrollbar disappearing

I am working on a Google Extension. The logic of the extension is same with Google Translate extension. When I select a word, scrollbar disappear on some websites such as Youtube, Stackoverflow etc. But not on Facebook or Instagram.
Did someone have such problem before? How can I solve this issue?
I tried overflowY: scroll, but didn't work.
I use React.js and Material UI.

svg logos not working properly in bootstrap in firefox and edge

I have made this little website for myself: http://jonathanpabst.dk/website/HTML/index.html and it works fine on google chrome.
But when i enter the site on microsoft edge or firefox my svg logos under the section "mine Kompetencer" is not in a row like it would be in chrome and they become big and ruin the page.
i have been unsuccessful in figuring out what is wrong myself, and hope someone in here might have the answer.
Just give them a max-width of 95px and it will work.

Bing Maps Issue on Safari 7

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.

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

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 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

Categories

Resources