3

我正在开发一个使用 Google Maps API V3 和 JQuery 的项目。基本上，程序根据用户选择的时间从数据库中调用项目，然后将这些项目作为标记显示在地图上。

到目前为止，它工作正常。我想在用户更改时间时清除标记，以免不相关的标记留在地图上。

但是，当我将该clearLocations()函数附加到任何 JQuery 时间选择元素时，它会引发错误：

对象# 没有方法'setMap'`。

这是调用时引发错误的 Google Maps 的 JavaScript：

function clearLocations() {
if (markers) {
    for (i in markers) {
    markers[i].setMap(null);
    }
    markers.length = 0;
    }
}

这是移动滑块时调用它的 JQuery 函数：

function slideTime(event, ui){
            var val0 = $("#time-slider").slider("values", 0),
                val1 = $("#time-slider").slider("values", 1),
                chosenDate = Math.round(Date.parse($('#datepicker').datetimepicker('getDate')) / 1000),
                minrange = chosenDate + (val0 * 60),
                maxrange = chosenDate + (val1 * 60),
                timedifference = (maxrange - minrange)/60,
                fulldate = new Date(minrange * 1000),
                enddate = new Date(maxrange * 1000),
                fdate = fulldate.getDate(),
                fmonth = fulldate.getMonth()+1,
                fyear = fulldate.getFullYear(),
                edate = enddate.getDate(),
                emonth = enddate.getMonth()+1,
                eyear = enddate.getFullYear(),
                fhours = fulldate.getHours(),
                fminutes = fulldate.getMinutes(),
                ehours = enddate.getHours(),
                eminutes = enddate.getMinutes();
                if (fmonth < 10) {
                fmonth = "0" + fmonth; }
                if (fdate < 10) {
                fdate = "0" + fdate; }
                if (fhours < 10) {
                fhours = "0" + fhours; }
                if (fminutes < 10) {
                fminutes = "0" + fminutes; }
                if (emonth < 10) {
                emonth = "0" + emonth; }
                if (edate < 10) {
                edate = "0" + edate; }
                if (ehours < 10) {
                ehours = "0" + ehours; }
                if (eminutes < 10) {
                eminutes = "0" + eminutes; }


            $("#final-from-value").text(fdate + '/' + fmonth + '/' + fyear + ' ' + fhours + ':' + fminutes);
            $("#final-to-value").text(edate + '/' + emonth + '/' + eyear + ' ' + ehours + ':' + eminutes);
            $("#hidden-start").val(minrange);
            $("#hidden-finish").val(maxrange);

            clearLocations();
            searchMap();
        }

我还有一个 datetimepicker，它也可以在更改时调用该函数：

<input id="datepicker" name="date" type="text" onchange="slideTime(); searchMap(); clearLocations()" />

我已经尝试了我能想到的一切，但老实说，我不知道在做什么。谢谢你的帮助。如果你还有什么需要看的，请告诉我。

更新 如果我不调用 searchMap() 函数，则没有错误，但是如果在清除它不喜欢的位置后调用 searchMap()。

这是 searchMap() 的代码

function searchMap() {
    //clearLocations();
    var getstart = $("#hidden-start").val();
    var getfinish = $("#hidden-finish").val();
  // Change this depending on the name of your PHP file
  downloadUrl("php/xml.php?start=" + getstart + "&finish=" + getfinish, function(data) {
    var xml = data.responseXML;
    markers = xml.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      var name = markers[i].getAttribute("title");
      var address = markers[i].getAttribute("url");
      var priority = parseInt(markers[i].getAttribute("priority"));
      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,
        zIndex: priority,
        icon: iconType[priority],
      });
      bindInfoWindow(marker, map, infoWindow, html);
    }
  });
}
4

3 回答 3

0

看起来像是markers一个数组。所以用它来迭代标记

function clearLocations() {
    if (markers && markers.length) {
        for (var i = 0; i < markers.length; i++) {
             markers[i].setMap(null);
        }

        markers = [];
    }
}

for (var i in ...)仅适用于对象

于 2013-01-15T16:22:35.343 回答
0

我不知道你的markers变量中有什么，但试试这个：

for (i in markers) {
    if(!markers.hasOwnProperty(i)){continue;}
    markers[i].setMap(null);
}
于 2013-01-15T16:21:43.673 回答
0

您的markers数组不包含google.maps.Marker它包含 XML 元素对象的类型的对象，因为这个markers = xml.documentElement.getElementsByTagName("marker");

于 2013-12-16T22:01:31.233 回答