Google Maps v3 load partially on top left corner, resize event does not work

Question

Google Maps V3 loaded partially on top left corner. I tried the following methods:

• Add google.maps.event.trigger(map, \'resize\'); after map in

Answer 1

Google Maps does not play well with Bootstrap. Try adding the following CSS to your map element

#map-canvas img {
  max-width: none;
}

Twitter Bootstrap CSS affecting Google Maps