javascript - 不同的标记颜色jquery

Question

我的演示中有一个 jQuery 范围滑块 — http://jsfiddle.net/dLWNc/35/

$( ".slider-range" ).slider({
      range: true,
      min: stations.min_value,
      step: stations.step_value,
      max: stations.max_value,
      values: [stations.min_range, stations.max_range],
      slide: function( event, ui ) {
        $("#min").val(ui.values[ 0 ]);
        $("#max").val(ui.values[ 1 ]);
      }
    });

我如何动态过滤和设置新的图标标记，地图如下所示：

Answer 1

遍历所有标记并使用 setIcon() 根据值将标记的 url 设置为图像。

例子：

  $.each(station,function(i,v){

    var icon=((v.value < ui.values[0])
                ? 'http://labs.google.com/ridefinder/images/mm_20_yellow.png'
                : ((v.value > ui.values[1])
                     ? 'http://labs.google.com/ridefinder/images/mm_20_blue.png'
                     : 'http://www.google.com/mapfiles/marker.png'
               ));
    StationMarkers[i].setIcon(icon);
  });