Home/ Questions/Q 9167795
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T15:28:41+00:00

I am trying to create a page with tabs (using AngularJS). There is a

  • 0

I am trying to create a page with tabs (using AngularJS). There is a map (Google Maps API v3) in one of those tabs. When the map is in the tab in foreground everything seems to be OK. But when the map is loaded in the background tab and visible only after the tab is clicked the map is misplaced/cut off and when you try to manipulate with it it’s functionality seems to be broken.

I’ve searched for solutions and I found those tricks with 

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

but it’s not working.
Could you please have a look at http://jsfiddle.net/n4q7Y/5/ and tell me what I missed?

Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Wait a moment before you trigger the resize-event: http://jsfiddle.net/doktormolle/aAeZw/

    • 0