Css Google map v3 api在引导中未正确呈现（未涉及选项卡）

我已经尝试了好几天来解决谷歌地图在网站上呈现不正确的问题

我希望你能给我一个提示，问题是从哪里来的，因为我现在已经绝望了。最糟糕的情况是，这是对其他人可能的解决方案的一个很好的集合：） 我看到的行为是：

• 列表项映射部分加载到左上角
• 列表项双击未渲染区域，在第一个较小的贴图下方创建第二个贴图
• 列表项如果页面多次快速重新加载，则地图显示时间的10-30%会被更正

已尝试解决方案，但迄今未成功： -调整地图大小

google.maps.event.trigger（地图，“调整大小”）

• 接收空闲状态后调整贴图大小

  google.maps.event.addListenerOnce（map'idle'，function（）{google.maps.event.trigger（map'resize'）；}）

• 调整地图大小并同时设置中心

• 使用按钮手动触发调整大小事件

• 文档准备就绪后初始化映射

  $（document）.ready（函数（）{initialize（）；}）
  

• 设置超时后初始化映射，最多10秒

  settimeout（初始化，1000）
  

• 检测父div的宽度和高度，并仅在足够大时初始化

• 为贴图画布指定父div宽度和高度

• 将父div宽度和高度指定给.gm样式

• CSS：使用px为画布指定宽度和高度

• CSS：为画布指定100%的宽度和高度

• CSS：结合px和100%为画布指定宽度和高度

• CSS:Change max width

  #地图画布img{max width:none！重要；}

• CSS:Change max width

  #地图画布img{max width:none！重要；}

想法和观察：

问题是零星的，这使我相信它与加载时间有关 画布在初始化之前已经具有正确的尺寸，并且完全可见（即没有隐藏的选项卡等） 额外的按钮，如谷歌标志，报告错误，联系等是可见的，在正确的大小。我相信这意味着谷歌地图无法在完整的画布上呈现，无论出于何种原因，它仍然能够检测到正确的尺寸

用于查找解决方案的关键字： 谷歌地图API v3问题，谷歌地图渲染问题，谷歌地图左上角，谷歌地图引导陷阱问题

我已经尽可能地简化html代码，以防您想看一看

提前感谢您提供有关如何修复此错误的任何提示或方法。

问题在于：

  function NoGeoLocationFound() {
                        clearTimeout(location_timeout);
                        var pos = new google.maps.LatLng();
                        map.setCenter(pos);

                    };

---

pos不是有效的

LatLng

（缺少参数）

谢谢您，Molle博士！我不会认为这是一个问题，因为我在控制台上看不到谷歌地图触发的任何错误消息。我记得有一天人们可以在没有控制台的情况下进行调试。。。警惕仍然是一个很好的项目。。专为手机设计