在所有视口中保持Google Maps Marker为中心

时间:2013-02-26 13:29:56

标签: javascript jquery css google-maps responsive-design

甚至不确定以下是否可行,到目前为止还没有找到任何可以在网上确认的方式

我用它来显示我的地图

<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%的屏幕,这很好,但我在响应式网站中实现,并想知道当更改视口的大小时,生成的标记是否可以保持居中。

当地图缩小视口时,你会看不到标记(位置)

修改

如果我使用google maps api V3,我可以像这样添加一个事件监听器

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

Jquery有没有办法创建这个函数?

1 个答案:

答案 0 :(得分:1)

jQuery是javascript,GMaps API也是如此。只需将上面的代码与其他js一起放入。

你可以重写它以使用jQuery事件,但这样做没有任何好处。