Google maps GoogleMapsAPI和Javascript以及$(document).ready(function()

Google maps GoogleMapsAPI和Javascript以及$(document).ready(function(),google-maps,jquery,google-maps-api-3,Google Maps,Jquery,Google Maps Api 3,我正在尝试实现google maps功能,需要找出以下脚本在我的代码中的位置: google.maps.event.addDomListener(window, 'load', initialize); function initialize() { var myLatLng = new google.maps.LatLng(<?php echo $latitude; ?>, <?php echo $longitude; ?>); var myOptions

我正在尝试实现google maps功能,需要找出以下脚本在我的代码中的位置:

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);
当我暂时禁用google maps代码时,JQuery/Ajax又开始工作了。为什么我在让这两位代码一起工作时遇到问题?也许google maps代码不需要在$(文档{.ready(function()?)中


有人对我有什么想法吗?

你不需要把你的google maps stuff int document.ready放进去。你已经在window.load上注册了一个事件侦听器,它调用initialize(),这样就足够了。将其全部移出document.ready。但我不能保证这就是导致ajax出现问题的原因。

google地图部分不需要位于$(document{.ready(function())内,在jquery的其余部分也跳过它
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));
        });
    }
});