2013-02-26 31 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