googlemaps가 포함 된 ThickBox

Question

Google지도 iframe 코드를 사용하여 thickbox jQuery 라이트 박스에 표시 할 수 있는지 궁금합니다. 나는 embeded url을 사용하려고 시도하지만 도움은 안된다. 아무도이 문제에 대한 해결책을 찾지 못했지만 Google 검색을 시도했지만 아무 소용이 없습니다.

Answer 1

Google iframe을 숨겨진 div에 넣고 Thickbox로 inline content으로 열면됩니다.

<a href="#TB_inlinemodalContent?height=400&width=430&inlineId=modalContent" title="add a caption to title attribute/or leave blank" class="thickbox">Show hidden modal content.</a> 

<div id="modalContent" style="display:none;"> 
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;ll=37.09024,-95.712891&amp;spn=24.455808,37.353516&amp;z=4&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&amp;ll=37.09024,-95.712891&amp;spn=24.455808,37.353516&amp;z=4&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small> 
</div>