Ich verwende Twitter's Bootstrap und möchte eine Google Map in a anzeigenPopover.

So wie es jetzt funktioniert, mache ich so etwas

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

Das Popover lädt seinen Inhalt von einem.popover-contents div was versteckt und mit dem verbunden ista mit Datenattributen (damit ich das richtige Popover zum Anzeigen finde)

Die Karte funktioniert einwandfrei, wenn kein Popover vorhanden ist, und ich denke, sie hängt mit dem Kopieren über zusammenhtml() in jQuery zu einem anderen DOM-Element. Twitter Bootstrap bietet keinemodal opened Rückruf, und ich bin wirklich nicht sicher, wie die Karten funktionieren.

Wie Sie sehen können, funktioniert die Karte auf der gesamten Profilseite korrekt, das Markup ist dasselbe (Schienen teilweise) und das Javascript wird auch geteilt - ich kann nur annehmen, dass die GoogleMaps-API es wirklich nicht magdom verwirrt und verursacht somit Probleme.