Google Map en Twitter Bootstrap Popver
Estoy usando Bootstrap de Twitter y quiero mostrar un mapa de Google en unpopover.
La forma en que funciona en este momento estoy haciendo algo como esto
$ ->
$('.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()
El popover carga su contenido desde un.popover-contents
div que está oculto, y conectado a laa
con atributos de datos (para que pueda encontrar la ventana emergente correcta para mostrar)
El mapa funciona perfectamente cuando no está en una ventana emergente, y creo que está conectado con la copia a través dehtml()
en jQuery a otro elemento DOM. El bootstrap de Twitter no proporciona unamodal opened
devolución de llamada, y realmente no estoy seguro de cómo hacer que los mapas funcionen.
Como puede ver, el mapa funciona correctamente en la página de perfil completo, el marcado es el mismo (rieles parciales), y el javascript también se comparte.dom ensuciado, y por lo tanto está causando problemas.