Skip to content Skip to sidebar Skip to footer

Google Maps Api Not Loading Interface Elements Properly

I have a website that I'm working on at http://damirsepictrip.com/test-mobile-post/ I'm using the Google Maps API to create a custom map but the Street View icon is not being displ

Solution 1:

Remove this:

img {
  max-width: 100%!important;
}

from http://damirsepictrip.com/wp-content/themes/starkers/css/base.css

..or try a different selector that doesn't match the images inside the map.

img {
  max-width: 100%!important;
}

/*override(reset) the setting for images inside the map*/#location-mapimg{
  max-width:none !important;
}

Solution 2:

Adding onto Dr.Molle's answer above --

The CSS that got this working for me was:

.gm-styleimg{
    max-width:none;
}

Unfortunately, setting max-width to none also broke the infowindow close button in Android 2.3.3 for me -- see https://stackoverflow.com/questions/20692114/setting-max-width-css-property-to-none-breaks-android-2-3-3-infowindow-close-but

Solution 3:

max-height too!

#location-mapimg{ 
    max-width: none !important; 
    max-height: none !important; 
}

Post a Comment for "Google Maps Api Not Loading Interface Elements Properly"