Używam Bootstrapa na Twitterze i chcę pokazać mapę Google w apopover.

Sposób, w jaki działa teraz, robię coś takiego

<code>$ ->
  $('.thumbnails a.js-popover').popover
    html: true,
    content: ->
      uid = $(this).data('profileUid')
      popover_container = $('.popover-contents:data(profileUid=' + uid + ')')
      _.each window.Maps, (map) ->
        google.maps.event.trigger map, 'resize' // I hoped this would re-draw the map
      popover_container.html()
</code>

Popover ładuje zawartość z.popover-contents div, który jest ukryty i podłączony doa z atrybutami danych (dzięki czemu mogę znaleźć właściwy popover do wyświetlenia)

Mapa działa idealnie, gdy nie jest w popover, i myślę, że jest to związane z kopiowaniem przezhtml() w jQuery do innego elementu DOM. Bootstrap Twittera nie zapewniamodal opened wywołanie zwrotne i naprawdę nie jestem pewien, jak sprawić, by mapy działały.

Jak widać mapa działa poprawnie na stronie pełnego profilu, znaczniki są takie same (częściowe szyny), a javascript jest również udostępniany - mogę tylko założyć, że API GoogleMaps naprawdę nie lubi mieć tegodom zawiedli i powodują problemy.