爲什麼我需要調用谷歌地圖API

Question

我想在谷歌地圖上添加標記，當我得到AJAX標記數據，並調用initMap功能後地圖不會加載但經過寫警報（）當我添加之前警報initMap函數，地圖加載。

這部作品，並顯示在地圖和標記：

$('#ddlLatLog').on("change", function() { 
    jQuery.getJSON('@Url.Action("GetLatLog", "MyTheme", new { area = "" })', { 
     id: $(this).find('option:selected').attr('Value') 
    }, 
    function(jdata) { 
     markermap = jdata; 
    }); 
    alert(markermap); 
    initMap(centermap, markermap); 
}); 

不加載地圖

$('#ddlLatLog').on("change", function() { 
    jQuery.getJSON('@Url.Action("GetLatLog", "MyTheme", new { area = "" })', { 
     id: $(this).find('option:selected').attr('Value') 
    }, 
    function(jdata) { 
     markermap = jdata; 
    }); 
    // alert(markermap); 
    initMap(centermap, markermap); 
}); 

調用谷歌API：

<script src="http://maps.google.com/maps/api/js?v=3.26&key=...callback=initMap" async defer></script> 

爲什麼我需要提醒？

Answer 1

沒有alert的地圖不加載的原因是jQuery.getJSON是async調用。所以，當你把alert，瀏覽器獲得的時間來完成ajax調用和響應回來被調用initMap之前。但在其他情況下，它不會發生，因爲您刪除alert。爲了克服這一點;你只需要成功處理程序中移動您的initMap(centermap, markermap);的jQuery.getJSON如下：

$('#ddlLatLog').on("change", function() { 
    jQuery.getJSON('@Url.Action("GetLatLog", "MyTheme", new { area = "" })', { 
     id: $(this).find('option:selected').attr('Value') 
    }, 
    function(jdata) { 
     markermap = jdata; 

     initMap(centermap, markermap); 
    }); 
});