TwitterのBootstrapを使用していて、ポップオーバーでGoogleマップを表示したいと思います。
それが今どのように機能するか私はこのようなことをしています
$ ->
$('.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()
.popover-contents
ポップオーバーは、非表示になっているdivからコンテンツをロードしa
、データ属性でに接続されます(表示する正しいポップオーバーを見つけることができるように)
html()
マップはポップオーバーがない場合でも完全に機能し、jQueryを介して別のDOM要素にコピーされることに関連していると思います。Twitterのブートストラップはmodal opened
コールバックを提供せず、マップを機能させる方法が本当にわかりません。
マップが完全なプロファイルページで正しく機能していることがわかるように、マークアップは同じであり(rails部分的)、JavaScriptも共有されています-GoogleMaps APIは、それがめちゃくちゃになるのを本当に嫌っていると思いますが、したがって、問題を引き起こしています。