如何在重新调整容器容量时阻止Google Map移动?

时间:2011-10-31 15:36:20

标签: google-maps google-maps-api-3

当我重新调整Google地图所在的容器大小时,是否可以将地图保持在完全相同的位置而不管更改?

当我移动地图容器的左边缘时,地图会向右或向左移动,但是当我移动地图容器的右边缘时,地图根本不会移动。有没有办法扭转这种情况,这样如果我移动左边缘,地图根本不会移动?

这与谷歌左侧的“结果”面板(maps.google.com)非常相似。问题是,当我使用CSS / JS重新调整大小并重新居中(使用setCenter方法并计算新中心应该是什么)时,地图偶尔会闪烁 - 不是所有时间,而是大约15-20%的时间。我无法为我的生活弄清楚如何让它在没有闪烁的情况下工作。我想知道是否有任何方法可以将地图固定在右侧?

如果有人可以提供任何提示,也可以接受其他想法。

1 个答案:

答案 0 :(得分:1)

也许尝试使用指定的正确属性在容器中定位地图?

<div id="container" style="position:relative">
  <div id="map" style="position:absolute; top:0; right:0"></div>
</div>

虽然结果取决于整体布局,但它可能有用。