There is a google maps map. It works great. With a bunch of markers. Each marker should have SINGLE TABS. and if with the same bootstrap outside the card everything works. It is necessary to bring this code into the inside of the marker as more than one tab does not work. Already been already

google.maps.event.addListener(marker, 'click', (function (marker, i) { return function () { alert("aaaa"); //алерт показывается но табы не работают } })(marker, i));

Visited even on pure css does not work. I rejected a bunch of plugins with tabs does not work. How to initialize these tabs?

  • I encountered a similar problem, if there are no obvious problems in the form of errors in the console, then you just need to set clear dimensions for the map container.
  • This is not the problem. In the last post, I forgot to indicate that when clicking on a tab, # tab1 # tab2 # tab3 no console errors appear in the address - Oleg Kosarev
  • In general, the whole problem in the infoBubble library you turn off the tabs I work and took InfoWindows as well. Where to dig? - Oleg Kosarev

1 answer 1

 google.maps.event.addListener(marker, 'click', (function (marker, content) { setTimeout(function () { $('.nav-tabs a').click(function () { $(this).tab('show'); }) $('.nav-tabs a:first').tab('show'); }, 500); })(marker, content));