2011-06-03 108 views
2

我一直在嘗試使用iframe嵌入Google地圖。但問題在於它不是以標籤/標記爲中心,而是將標記置於左上角(不可見)。iframe中的Google地圖不以標籤/標記爲中心

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;z=8&amp;q=Chennai&amp;output=embed"/>

要注意的一點是,它工作正常,當我將其粘貼在一個HTML文件。但在我的情況下,地圖是使用javascript實現的,就像下拉菜單一樣。(參見下面) 我甚至嘗試瞭解決方案here,但沒有結果。

http://prntscr.com/1ziry(這裏的標籤實際上是在左上角,但沒見過)

請幫助!

+0

SRY。我只是投票給他們。完成了! – Themasterhimself 2011-06-03 13:53:39

+0

你能分享更多的代碼嗎? – 2011-06-04 06:04:09

回答

0

對我來說,問題是當地圖加載時iframe大小爲0。我添加了一個延遲,加載了iframe後加載地圖

這是我添加到腳本中的代碼。 (應當運行爲被加載爲iframe中HTML的一部分):

<script> 
    window.onload=function(){loadMapDelayed();} 

    // delay map display by 100 milliseconds until iframe renders 
    function loadMapDelayed() { 
    setTimeout("loadMap()",100); 
    } 
    function loadMap() { 
    // existing code that loads the map 
    } 
</script> 

(感謝https://groups.google.com/forum/#!topic/google-maps-api/nN0y2pSr2dQ

相關問題