Google Maps is grey

Question

I am using google maps in a mobile application using html and javascript. When the I load the map I am only able to see 5% of the map in the upper left corner. 95% of the di

Answer 1

I had a similar question using angular 5
I could only get the map to refresh / recreate by using a setTimeout AND a setZoom (even though the level is the same)

// set timeout.
setTimeout(() => {
    console.log("attempting refresh");
    google.maps.event.trigger(this.map, "resize");
    this.map.setZoom(8);
},
100);

Working Plunker Here

What's fascinating about the refresh, is that it moves the map the second time it is displayed. Google maps is clearly not bug free.