我目前正在开发一个使用谷歌地图和ajax的Web应用程序。我都是这些技术的新手,所以我不确定我是否做对了。我按照有关如何在 https://developers.google.com/maps/articles/phpsqlsearch_v3 创建一个的说明进行操作。这是我的代码片段:
function searchNearLocations(radius){
var searchUrl = './designIncludes/phpLogicIncludes/searchMarkers.php?lat=' + myLat +'&lng=' + myLng + '&radius=' + radius;
downloadUrl(searchUrl, function(data) {
var xml = parseXml(data);
var markerNodes = xml.documentElement.getElementsByTagName("marker");
var bounds = new googlemaps.LatLngBounds();
for (var i = 0; markerNodes.Length; i ++){
var name = markerNodes[i].getAttribute("name");
var address = markerNodes[i].getAttribute("address");
var info = markerNodes[i].getAttribute("info");
var tts = markerNode[i].getAttribute("tts");
var slatlng = new google.maps.LatLng(
parseFloat(markerNodes[i].getAttribute("lat")),
parseFloat(markerNodes[i].getAttribute("lang")));
createOption(name,distance,i);
createMarker(latlng,name,address);
bounds.extend(latlng);
}
map.fitBounds(bounds);
});
};
function createMarker(slatlng,name,address,info,tts){
var html = "<b>" + name + "</b></br><u>" + address + "</u></br>" + info + "</br>" + "Time allowance to spend: " + tts;
var marker = new google.maps.Marker({
map:map,
position:slatlng
});
google.maps.event.addListener(marker,'click',function(){
infoWindow.setContent(html);
infoWindow.open(map,marker);
});
markers.push(marker);
};
function downloadUrl(url,callback){
var request = window.ActiveXObject ?
new ActiveXObject('Microsoft.XMLHTTP') :
new XMLHttpRequest;
request.onreadystatechange = function() {
if(request.readyState == 4){
request.onreadystatechange = doNothing;
callback(request.responseText, request.status);
}
};
request.open('GET',url,true);
request.send(null);
};
function parseXml(str){
if (window.ActiveXObject){
var doc = new ActiveXObject('MicrosoftXMLDOM');
doc.loadXML(str);
return doc;
}else if (window.DOMParse){
return (new DOMParser).parseFromString(str,'text/xml');
}
};
function doNothing(){};
我不知道为什么,但是当我使用Mozilla的控制台窗口时,我总是得到错误代码xml是未定义的.我不知道该怎么办,因为我对这两种技术都是新手,特别是javascript。当我单击错误时,我指向我
var markerNodes = xml.documentElement.getElementsByTagName("marker");
我什至不知道如何检查我的 php 脚本是否正常工作。我正在使用mysqli而不是上面谷歌地图图特链接上的mysql。我希望你们能帮助我。如果这是重复的,请给我一个链接。
如果window.ActiveXObject
和window.DOMParse
都不存在,您的parseXml
函数将返回 null
function parseXml(str){
if (window.ActiveXObject){
var doc = new ActiveXObject('MicrosoftXMLDOM');
doc.loadXML(str);
return doc;
}else if (window.DOMParse){
return (new DOMParser).parseFromString(str,'text/xml');
}
};
您有一个拼写错误DOMParse
应该DOMParser
(就像您引用的教程中一样)
function parseXml(str){
if (window.ActiveXObject){
var doc = new ActiveXObject('MicrosoftXMLDOM');
doc.loadXML(str);
return doc;
}else if (window.DOMParser){
return (new DOMParser).parseFromString(str,'text/xml');
}
};