How to manually reload Google Map with JavaScript

Question

I am using this piece of code within a Bootstrap template. I am facing issues when loading images within a Bootstrap Tab content pane.

This is the JavaScript code wh

Answer 1

You can refresh with this:

map.panBy(0, 0);

Answer 2

map.setZoom(map.getZoom());

For some reasons, resize trigger did not work for me, and this one worked.

Answer 3

Yes, you can 'refresh' a Google Map like this:

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

This basically sends a signal to your map to redraw it.

Hope that helps!