Javascript 尝试清除Google地图标记时出现范围问题
我用以下代码创建了一个谷歌地图:Javascript 尝试清除Google地图标记时出现范围问题,javascript,google-maps,Javascript,Google Maps,我用以下代码创建了一个谷歌地图: function load() { var markersArray = []; var map = new google.maps.Map(document.getElementById("map"), { zoom: 13, mapTypeId: 'roadmap' }); var infoWindow = new google.maps.InfoWindow;
function load() {
var markersArray = [];
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 13,
mapTypeId: 'roadmap'
});
var infoWindow = new google.maps.InfoWindow;
// Change this depending on the name of your PHP file
downloadUrl("getMapMarkers.php", function(data) {
var bounds = new google.maps.LatLngBounds();
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var type = markers[i].getAttribute("type");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var brewID = markers[i].getAttribute("brewID");
//construct url
var breweryLink = "http://beerportfolio.com/breweryPage.php?id=" + brewID;
//create directions link
http://maps.google.com/maps?daddr=
var directionsLink = "http://maps.google.com/maps?daddr=";
directionsLink = directionsLink + markers[i].getAttribute("lat") +"," + markers[i].getAttribute("lng")
var html = "<b><a href=\"" + breweryLink + "\">"+name+"</a> </b> <br/>" ;
html = html + "<br> <br>";
html = html + "<a href=\"" + directionsLink + " \">(Click for Directions)</a>";
var icon = customIcons[type] || {};
var marker = new google.maps.Marker({
map: map,
position: point,
icon: icon.icon,
shadow: icon.shadow
});
markersArray.push(marker);
bindInfoWindow(marker, map, infoWindow, html);
bounds.extend(point);
}
map.fitBounds(bounds);
});
}
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, 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, request.status);
}
};
request.open('GET', url, true);
request.send(null);
}
function getMapVisit()
{
alert("clearing overlays...");
clearOverlays();
return false;
}
function clearOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
}
}
function setAllMap(map) {
for (var i = 0; i < markers.length; i++) {
markers[i].setMap(map);
}
}
function doNothing() {}
在第86行调用该错误,即:
if (markersArray) {
我不知道为什么它没有定义,当它在
load()的顶部清晰地初始化了数组时。
您需要定义var-markersArray=[]代码>在加载
函数上方,因此它将被全局定义,并可在所有函数中访问。您需要定义var markersArray=[]代码>位于加载
函数上方,因此它将被全局定义,并可在所有函数中访问。真是太棒了!现在,如果我想重新加载一组不同的标记,我将如何使用这段代码进行加载?我不确定这会再次加载整个地图还是仅加载标记。我会试试的,它成功了,谢谢!它可以重新加载整个地图,但它可以工作。这将是很好的加载标记,使他们下降,而不是重新加载整个事情。但这能让事情完成!真是太棒了!现在,如果我想重新加载一组不同的标记,我将如何使用这段代码进行加载?我不确定这会再次加载整个地图还是仅加载标记。我会试试的,它成功了,谢谢!它可以重新加载整个地图,但它可以工作。这将是很好的加载标记,使他们下降,而不是重新加载整个事情。但这能让事情完成!
if (markersArray) {