Alexandru Vlas Alexandru Vlas - 1 year ago 76
jQuery Question

Google Maps V3 is not showing in Chrome, Firefox

I have this contact us form with a a google map V3 which is not showing

I added the new google api key and enabled google maps etc... I can't understand why but it doesn't show the map, can someone help me with this please?

The strange thing is that it's working fine in Safari.. but not in other browsers...

Answer Source

I think, your problem is caused by the /* MAX IMAGE WIDTH */ style definition


 img {
    height:auto !important;
    max-width:100% !important;
    -webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
    box-sizing: border-box !important;         /* Opera/IE 8+ */


    max-width:100% !important;        

causes the problem. If you remove the line or at least the !important clause, the map will work. (I have tried with Chrome)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download