第二次在錯誤的偏移地圖加載

Question

我做了一個測試頁，你可以檢查什麼是確切的問題。

首先點擊其顯示完美的地圖，但當你關閉彈出窗口一次點擊gmap然後彈出窗口打開，但gmap顯示四分之一。

this is link of test page

Answer 1

則在每次用戶點擊gmap鏈接時調用Init()。這個函數每次都會創建一個谷歌地圖。

我看到了兩個可能的解決方案：

1. 只有創建地圖的用戶第一次打開的對話框。當用戶關閉對話框時，jQuery實際上隱藏了對話框div。地圖仍然停留在那裏，因此當您重新顯示對話框時不需要創建新地圖。 （聲明全局var map = null;和測試，如果map每個用戶點擊gmap元素。

2. 清除地圖div對話框關閉時的時間來創建一個新地圖之前等於null。在對話框關閉

清理

試試這個代碼清理在對話框關閉map元素：

<script type="text/javascript"> 
    $('document').ready(function() { 
     $("#popup_container").dialog({ 
      autoshow: false, 
      modal: true, 
      border: 10, 
      width: 500, 
      height: 340, 
      close: function(event, ui) { 
       $('#map').html(''); 
      } 
     }); 

     $('#gmap').click(function() { 
      Init(); // initialize the map 
      $("#popup_container").dialog("open"); 
     }); 
    }); 
</script> 

另請注意，您需要將參數作爲單個對象傳遞給dialog()方法。