Mapa Google w Twitter Bootstrap Popver
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.