Google Map V3 Initializing with Horizontal Gray Line W/ Foundation in Chrome

How to remove horizontal line on google map embed

I solved it with solution from Google Map v3 Initializing with horizontal gray line w/ Foundation in Chrome.

#google_map *, #google_map *:before, #google_map *:after {
    -webkit-transform: none !important; 
}

Embed google map is wrong displayed until resizing webpage

I too faced this issue, I solved it by triggering the Google maps resize event.

google.maps.event.trigger(map, 'resize');

Updates:

var map;
function initializeNewMap() {
 // add your code
  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
  google.maps.event.trigger(map, 'resize');
}

Hope you understand.

Related Topics