2013-01-06 33 views
0

您好我想创建一个jQuery/javascript函数,将作为标题状态中删除所有的标记在我var markersArray,做我的PHP脚本的请求提出新的标志取代。我很难做到这一点,因为我对JS不好,所以这里是我的代码。删除所有标记,并用新的使用设置过滤

我在网页上有3个滤波器,是选择元素 这里是我的JS脚本

 $('#lgu,#category,#type').change(function(){ 

     google.maps.Map.prototype.clearOverlays = function() { 
     for (var i = 0; i < markersArray.length; i++) { 
     markersArray[i].setMap(null); 
     } 
     } 
var lgu = $('#lgu').val(); 
var category = $('#category').val(); 
var type = $('#type').val(); 
     $.get('xmlquery.php', { input: lgu, input2: category, input3:          type},function(data){ 

downloadUrl("xmlspitter.php", function(data) { 
    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 address = markers[i].getAttribute("address"); 
     var type = markers[i].getAttribute("type"); 
     var point = new google.maps.LatLng(
      parseFloat(markers[i].getAttribute("lat")), 
      parseFloat(markers[i].getAttribute("lng"))); 
     var html = "<b>" + name + "</b> <br/>" + address; 
     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); 
    } 
    }); 
    }); 

    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); 
    } 

    }); 

希望得到任何帮助。

注意我的小菜与JS的意思我也是菜鸟调试请帮助。

+1

[工作“类别”地图与XML数据(HTTP://www.geocodezip的.com/v3_MW_example_categories.html)。不会查询有关更改的新数据,但可能会帮助您找到问题。 – geocodezip

+0

你的代码实际上做了什么吗?你能提供一个链接或一个jsfiddle,展示你遇到的问题吗? – geocodezip

回答

1

你的变化,回调将创建一个函数(扩展了google.maps.Map原型与函数)clearOverlays(),但你没有地方调用这个函数,例如:

map.clearOverlays() 

...所以没有任何反应

但我不明白为什么要在这里建立一个功能可言,只需运行循环:

$('#lgu,#category,#type').change(function(){ 

    for (var i = 0; i < markersArray.length; i++) { 
    markersArray[i].setMap(null); 
    } 

    /* continue with your code*/ 


}); 
相关问题