2013-02-26 75 views
1

甚至不知道下面是可能的,還沒有發現任何尚未確認的淨無論哪種方式,到目前爲止保持谷歌地圖標記中心在所有視口中

我用這來顯示我的地圖

<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"  marginwidth="0" src="https://maps.google.co.uk/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=NP19+7GA&amp;aq=&amp;sll=52.405331,-4.159948&amp;sspn=5.732167,16.907959&amp;ie=UTF8&amp;hq=&amp;hnear=NP19+7GA,+United+Kingdom&amp;ll=51.595904,-2.979781&amp;spn=0.011397,0.033023&amp;t=m&amp;z=14&amp;iwloc=near&amp;output=embed"></iframe> 

它可能會告訴你的谷歌地圖網頁。到目前爲止,它充滿了屏幕的100%,這很好,但我正在一個響應式網站中實施,並且想知道如果更改視口的大小,生成的標記可以保持居中。

在地圖上縮小爲視做,但你看不見的標記(位置)的

編輯

如果我使用谷歌地圖API V3,我可以添加事件偵聽器,像這樣

瞬間
google.maps.event.addDomListener(window, 'resize', function() { 
map.setCenter(homeLatlng); 
}); 

有沒有在JQuery中創建此功能的方法?

回答

1

jQuery是JavaScript,就像GMaps API一樣。只需將上面的代碼與其他js一起放入即可。

你可以重寫它來使用jQuery事件,但這樣做沒有好處。

+0

現在覺得愚蠢的,但感謝澄清,我不是肯定的,如果我可以使用代碼中帶剛的回答中嵌入地圖的iframe – Richlewis 2013-02-26 13:53:39

+0

我自己的問題,不,你不能使用的代碼,而無需使用標誌着官方的API – Richlewis 2013-02-26 14:01:08

+0

答案是正確的,讓我意識到我必須使用api爲了這個工作,真的很糟糕的問題,不知道爲什麼我問:) – Richlewis 2013-02-26 14:13:08