0

我有下面的代码。我想要做的是，当我到达一个特定的缩放点（> 8）然后在地图上显示一些图钉时。这工作正常。但是，正如您在下面看到的，我有一个 else 语句。在这个 else 声明中，我想在缩放小于 8 的任何情况下移除引脚。不幸的是，我找不到解决方案。谁能帮我？

var map = $('#map_canvas').gmap('get', 'map');
var zoomLevel = 1;
//var marker;
$(map).addEventListener('zoom_changed', function() {
    var i, prevZoomLevel;

    prevZoomLevel = zoomLevel;

    map.getZoom() < 15 ? zoomLevel = 1 : zoomLevel = 2;

    if (prevZoomLevel === zoomLevel) {
         if (map.getZoom() > 8) {      
             for (var i = 0; i < <?= $store_records ?>; i++) { 
                $('#map_canvas').gmap('addMarker', { 
                        'position': new google.maps.LatLng(store_data.records[i].lat, store_data.records[i].lng), 
                        'icon': imageStores,
                        'visible': true
                }).click(function() {
                     $('#map_canvas').gmap('openInfoWindow', { 'content': store_data.records[i].name  }, this);
                });

                //marker = new google.maps.Marker({
                        //'position': new google.maps.LatLng(store_data.records[i].lat, store_data.records[i].lng)
              //  });
            }
         }
         else {

             for (var i = 0; i < <?= $store_records ?>; i++) { 
                //marker.setVisible(false);
             }
        }
   }
});

更新：

问题是我有这些别针和其他别针。所以，我想明确删除上述引脚。此外，当我达到 zoom>8 时，当我去 zoom<8 时，引脚仍然显示

4

2 回答 2

1

我会尝试其中之一：

if (map.getZoom() > 8) {      
         for (var i = 0; i < <?= $store_records ?>; i++) { 
            $('#map_canvas').gmap('addMarker', { 
                    'position': new google.maps.LatLng(store_data.records[i].lat, store_data.records[i].lng), 
                    'icon': imageStores,
                    'visible': true
            }).click(function() {
                 $('#map_canvas').gmap('openInfoWindow', { 'content': store_data.records[i].name  }, this);
            });

            marker = new google.maps.Marker({
                    'position': new google.maps.LatLng(store_data.records[i].lat, store_data.records[i].lng)
            });
            marker.conditionalVisibility = true; //first option
            conditionalMarkers.push(marker);     //second option, conditionalMarkers is an array declared globally
        }
     }
     else {
         //first option
         for (var i = 0; i < <?= $store_records ?>; i++) { 
            if (marker.conditionalVisibility)
                marker.setMap(null);
         }
         //second option
         for (var i = 0; i < conditionalMarkers.length; i++) { 
            marker.setMap(null);
         }
         conditionalMarkers.length = 0;

或类似的东西。

希望这可以帮助

于 2013-01-31T11:33:21.907 回答
0

以这种方式在 else 块中尝试此操作：

} else {
  for (var i = 0; i < <?= $store_records ?>; i++) { 
      $('#map_canvas').gmap('clear', 'overlays');
      $('#map_canvas').gmap('clear', 'markers');
  }
}
于 2013-01-31T11:20:52.527 回答