谷歌地图在中心左上角

我一直在寻找很多不同的例子，问题和其他的东西就这一点，我似乎无法找到任何东西，所以我最终会问一个问题。谷歌地图在中心左上角

地图我不居中标记，甚至不显示。它指向左上角。在这里看到：http://i.imgur.com/Cc1ZK.png

我有联系人信息的标签系统。当有人点击标签时，地图和信息会下滑并显示出正确的标记（4张单独的地图），但是我无法获得第一张标签，因此我无法复制/粘贴它。

这里是我的代码：

脚本：

var latlng = new google.maps.LatLng(42.3535727, -83.0591444); 
var options = { 
     zoom: 14, 
     center: latlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
    }; 
var map = new google.maps.Map(document.getElementById('detroit_map'), options); 
marker1 = new google.maps.Marker({ 
      position: new google.maps.LatLng(42.3535727, -83.0591444), 
      map: map 
      }); 
map.setCenter(latlng);

HTML：

<div id="detroit_map" style="width:270px;height:170px;"></div>

P.S，我得到了Chrome开发者工具中没有错误。

这希望很简单的东西，我忽略了。

感谢

找到了答案，以备将来观众：

事实证明，我的标签引起块之间的显示，并没有一个是让我的地图加载怪异。我为每个函数都做了初始化函数，并且调用了setTimout（'functionName'，1000）;调用地图加载。

我改变了我的地图代码一点点，但是我们一切都可以发现他们的教程在W3Schools的。

来源

2012-12-26 Devyn

你的脚本有一个错误;删除ROADMAP后的尾随逗号以修复 – Mark

感谢您添加自己的答案，它帮助我解决了类似的问题。调用地图初始化函数，将显示更改为“阻止”后，对我来说就是解决方案。 –

告诉你的地图来调整..

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

地图是由

map = new google.maps.Map(document.getElementById("map_canvas"), { 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
});

来源

2012-12-26 18:45:46 iamkrillin

我补充说，仍然没有任何变化.. – Devyn

你提供一个链接或jsfiddle展品的问题？ – geocodezip

我想通了，并添加了我的问题的答案，谢谢。 – Devyn

返回初始化地图点击标签后的地图实例。当在标签中使用时，这也适用于iframe谷歌地图。上述

来源

2013-09-23 09:40:07 Thomas

谷歌地图在中心左上角

回答

相关问题