Question

我一直在研究许多不同的例子，问题和其他与此有关的事情，我似乎找不到任何东西，所以我最后会问一个问题。

我所拥有的地图并没有使标记居中，甚至不显示它。这点就在左上角。见这里：http://i.imgur.com/Cc1ZK.png

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

这是我的代码：

脚本：

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（＆＃39; functionName＆＃39;，1000）;调用地图加载。

我稍微更改了我的地图代码，但是我们可以在他们的教程中找到w3schools上的所有内容。

Answer 1

单击选项卡后初始化地图。当在标签页中使用时，这也适用于iframe谷歌地图。

Answer 2

告诉您的地图调整大小..

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

map是

返回的地图实例

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

Google地图中心位于左上角

2 个答案: