如何使用iframe将我的Google地图标记置于标签中

Question

我在使用iframe

的标签中居中我的标记时遇到了问题

示例 here ，单击“地图”选项卡，标记不居中。如果直接链接没有iframe它看起来很棒。您可以看到 here 。

var myOptions = {
  zoom: 12,
  center: myLatlng,
  mapTypeId: google.maps.MapTypeId.ROADMAP
}

center: myLatlng似乎无法使用iframe在标签中工作。我该如何解决？让我知道

Answer 1

我有一次类似的问题，我可以通过触发调整大小事件并在单击选项卡时再次设置中心来解决它。

// add this to the tab click event
    google.maps.event.trigger(map, 'resize');
    map.setCenter(myLatlng);

Answer 2

我遇到了同样的问题。用窗口调整大小来解决这个问题

google.maps.event.addDomListener(window, "resize", function() {
        var center = map.getCenter();
        google.maps.event.trigger(map, "resize");
        map.setCenter(center);
    });