Google maps GoogleMapsAPI和Javascript以及$(document).ready(function()
我正在尝试实现google maps功能,需要找出以下脚本在我的代码中的位置: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.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));
});
}
});