Estou usando o Bootstrap do Twitter e quero mostrar um mapa do Google em umpopover.

A maneira como funciona agora eu estou fazendo algo parecido com isto

<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>

O popover carrega o conteúdo de um.popover-contents div que está oculto e conectado aoa com atributos de dados (para que eu possa encontrar o popover correto para mostrar)

O mapa funciona perfeitamente quando não está em um popover, e acho que está conectado com a cópiahtml() no jQuery para outro elemento DOM. Bootstrap do Twitter não fornece ummodal opened callback, e eu realmente não tenho certeza de como fazer os mapas funcionarem.

Como você pode ver o mapa funcionando corretamente na página de perfil completo, a marcação é a mesma (trilhos parciais), e o javascript é compartilhado também - só posso supor que a API do GoogleMaps realmente não gosta de terdom mexeu com e está causando problemas.