GoogleマップAPIとJavaScriptと$（ドキュメント）.ready（関数（）

Question

私はGoogleマップの機能を実装し、自分のコードに次のスクリプトが置かれるべき場所を把握する必要がありますしようとしています：

google.maps.event.addDomListener(window, 'load', initialize); 

function initialize() { 
    var myLatLng = new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>); 

var myOptions = { 
    zoom: 15, 
    center: myLatLng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
map = new google.maps.Map(document.getElementById("map-canvas-1"),myOptions); 

var myOptions2 = { 
    zoom: 15, 
    center: myLatLng, 
    mapTypeId: google.maps.MapTypeId.HYBRID 
    } 
map2 = new google.maps.Map(document.getElementById("map-canvas-2"),myOptions2); 

    var myOptions3 = { 
    zoom: 15, 
    center: myLatLng, 
    mapTypeId: google.maps.MapTypeId.SATELLITE 
    } 
    map3 = new google.maps.Map(document.getElementById("map-canvas-3"),myOptions3); 

    var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    title:"Map1" }); 

    var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map2, 
    title:"Map2" }); 


    var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map3, 
    title:"Map3" }); 

    map3.getStreetView().setPosition(myLatLng); 
    map3.getStreetView().setVisible(true); 

を}

現在、このコードは$（文書{.ready（関数（）内にある、そして動作を停止するには、以下のjQueryの/ AJAX機能を引き起こすことを除いて、正常に動作するようです：

jQuery.ajax({ 
    url: sURL + 'billingEventDetail/ajaxGetTaxClasses/', 
    dataType: 'json', 
    success: function(data) { 
     taxClassData = data; 
     jQuery.each(taxClassData.description , function(key, value){ 
      jQuery('#sel_tax_class').append(new Option(value, key)); 
     }); 
    } 
}); 

jQuery.ajax({ 
    url: sURL + 'billingEventDetail/ajaxGetBillingEventDetails/', 
    dataType: 'json', 
    success: function(data) { 
     taxQualifierData = data; 
     jQuery.each(taxQualifierData.description , function(key, value){ 
      jQuery('#sel_tax_qualifier').append(new Option(value, key)); 
     }); 
    } 
}); 

W hen私は一時的にGoogleマップのコードを無効にすると、JQuery/Ajaxが再び動作を開始します。これらの2つのコードを連携させるのに問題があるのはなぜですか？たぶん、Googleマップのコードでは、（$の内側にあることをニート文書{.ready（関数（）??

は

は、誰も私のための任意のアイデアを持っていないのですか？

Answer 1

あなたは、Googleを配置する必要はありませんあなたはすでにinitialize（）を呼び出すwindow.loadにイベントリスナーを登録していますので、十分なはずです。document.readyからすべてを移動してください。あなたのajaxの問題