jquery load（） - Googleマップを読み込むことができません

Question

ウィンドウを再読み込みせずにJQueryでload()を使用して新しいページのコンテンツを読み込んでいるときにGoogleマップを読み込めません。

jQueryのAJAX呼び出しは次のとおりです。

$("form").submit(function(){ 

     $(".cs-container").load("set-location.php .cs-container"); 
     return false; 

    }); 

私は現在div.cs-container class要素に別のset-location.phpのページから.cs-containerの内容をロードしようとしています。 が正常にロードされましたが、Googleマップはをロードしません。 g-mapsコンテナは、set-location.phpページの.cs-containerに配置され、スクリプトファイルがそのページの先頭に含まれています。

google mapsはうまく動作しますが、ajax呼び出しでは読み込まれません。

私はこのような何かしようとすると：

$("form").submit(function(){ 

      $(".cs-container").load("set-location.php"); 
      return false; 

     }); 

を、それは非常にうまく動作しますが、それは.cs-containerで完全なページをロードします。私は欲しくない。

/*check if geolocaiton supported*/ 
if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(success); 
} else { 
    error('Geo Location is not supported'); 
} 




function success(position) { 


    var lat = position.coords.latitude; /*getting cordinates*/ 
    var long = position.coords.longitude; 

    var input = document.getElementById("latLong"); 
    input.value = lat + ", " + long; 

    var poos = new google.maps.LatLng(lat,long); /*set lat long for maps*/ 

    var mapProp = { 
     center: poos, 
     zoom:16, 
     mapTypeId:google.maps.MapTypeId.ROADMAP 
    }; 

    var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); /*init maps*/ 

    /*create marker*/ 
    var marker=new google.maps.Marker({ 
     position:poos, 
     title: 'Your Store Location', 
     draggable: true 
     }); 

    marker.setMap(map); /*set marker to map*/ 

    google.maps.event.addListener(marker, 'dragend', function(a) { 
     console.log(a); 
     input.value = a.latLng.lat().toFixed(4) + ', ' + a.latLng.lng().toFixed(4); 
    }); 


} 


success(); 

それがどのように解決することができます：

Googleマップの初期化スクリプトがとして（ファイルcs-loc.jsに）ですか？

Answer 1

あなたは `マップ....`の平均である何load()コールバック

$(".cs-container").load("set-location.php .cs-container", function(){ 
    $.getScript('google.maps....').done(function(){   
      $.getScript('cs-loc.js'); 
    });  
});