Google地图生成错误

Question

我有一个程序，它接收邮政编码并制作谷歌地图。在制作地图之前，地图设置为div的{​​{1}}。制作地图后，hidden设置为div。问题是第一次生成地图（并且只是第一次）它看起来像这样：

一旦我再次找到商店按钮，它看起来像这样：

我已经尝试初始调用map方法（我一直隐藏，直到进行真正的调用），但这并不能解决问题。我不想显示我的所有代码（有很多），但这是我如何制作地图。

display : block

另请注意，下面的两张图片都在正确的位置有正确的标记。

有什么建议吗？

Answer 1

这是一个常见问题。您需要在更改容器后触发地图重绘。大部分时间这是由显示/隐藏div引起的。

在v3中：

google.maps.event.trigger(map, 'resize')

在v2中：

map.checkResize()

Answer 2

看起来，当您初始化地图时，它会完全缩小，从而显示谷歌使用的单个250x250磁贴。

Answer 3

我怀疑您第一次点击“查找商店”按钮时可能发生错误，这可能会阻止地图创建代码到达并正确执行。