Google Map iframe隱藏在 <div> 縮放和居中問題

Question

我正使用此Google Map iframe切換代碼： http : //jsfiddle.net/cancerian73/T7jLf/20/但此示例有效，因為map iframe具有很多參數。 我正在使用無法使用相同參數的自定義Google我的地圖...當我打開iframe時，我的標記位於左上角，並且地圖未縮放到可以看到整個大陸的位置。 我該如何進行這項工作？

• 我嘗試將地圖放在單獨的HTML文件中，然后從隱藏的div Iframe調用此位置，我認為如果將地圖加載到其他HTML文件中也可以，但是存在相同的問題...
• 我嘗試刪除display：none並將div大小設置為1px x 1px，但它完全與div切換和周圍的內容弄混了...

順便說一句，因為我為我使用Google Map Iframe這樣的API解決方案不適用於：

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

我還有一個主意，但是不知道它是否會起作用，我也不知道如何去做。 是否可以在顯示器上放置某種延遲加載：無CSS，以便以全尺寸加載地圖，並在1或2秒后將其隱藏？ 如果可以的話請幫忙

Answer 1

顯示這種地圖的最簡單方法是，當您單擊用於顯示框架的元素時，調用javascrip函數以生成地圖。

我經常不得不使用隱藏的地圖，並且發現沒有任何問題的最簡單查看方法是調用連接到演示事件（例如按鈕或標簽）的地圖顯示功能

在HTML中

<div class = "myclass" onclick = "show_my_map()">

在JavaScript中

<script>

show_my_map function() {

   mapOptions var = {
     Level: 17,
     center: new google.maps.LatLng (41.650299490787712, 12.536399034779)
     mapTypeId: google.maps.MapTypeId.SATELLITE
   };



   map = new google.maps.Map (document.getElementById ('map-canvas'),
      mapOptions);

}
</script>