如何使用iframe在標簽中居中放置Google地圖標記

Question

我在使用iframe將標簽在標簽中居中時遇到問題

在此處的示例中，單擊“地圖”選項卡，標記未居中。 如果沒有iframe的直接鏈接，它看起來很棒。 你可以在這里看到。

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);
    });