javascript - Google Maps API not loading interface elements properly

Question

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 displayed properly. It's just a vertical bar whereas it needs to be an icon of a person.

Additionally, if you place the icon on the map to use Street View, you will see that as you rotate around, there are parts of the Street View image missing and the close button icon is not showing either. Any help would be much appreciated.

Answer 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-map img{
  max-width:none !important;
}