如何使用传单和jQuery Birdseye突出显示点击标记

我正在使用jQuery Birdseye(http://ajb.github.io/jquery-birdseye/)来学习并获得某种交互式地图.我将编号的标记图标更改为编号的标记精灵.精灵工作正常,位置由针脚控制(0 =蓝色,1 =突出显示,蓝色,2 =橙色,3 =突出显示橙色)和内部“状态” l.marker.我知道new_marker点击功能仅将目标标记设置为突出显示.无法找到重现该功能的解决方案,如同在foursquare地图上点击时突出显示标记.请指出我正确的方向.

l.numberedDivIcon = l.Icon.extend({
  options: {
    sprite:"images/mappin-sprite.png",number: '',iconSize: new l.Point(29,39),iconAnchor: new l.Point(15,37),gridSize: new l.Point(35,45),popupAnchor: new l.Point(0,-33),shadowUrl:"images/mappin-shadow.png",shadowSize:new l.Point(29,15),shadowAnchor:new l.Point(15,10),state: ''
  },createIcon: function () {
    var div = document.createElement('div');
    div.style.BACkgroundImage="url("+this.options.sprite+")";
    div.className="leaflet-marker-icon";
    div.style.marginLeft=-this.options.iconAnchor.x+"px";
    div.style.marginTop=-this.options.iconAnchor.y+"px";
    var b=this.options.gridSize||this.iconSize;
    var c=this.options['number'] || '';
var cd=this.options['state'] || '';


    var d= this.options.gridSize.y+this.options.iconSize.y+cd;

div.style.BACkgroundPosition=-(c*b.x+(b.x-this.options.iconSize.X)/2)+"px "+-(d*b.y+(b.y-this.options.iconSize.y)/2)+"px";

    this._setIconStyles(div,'icon');
    return div;
  },//you Could change this to add a shadow like in the normal marker if you really wanted
  createShadow: function () {
    var a=this.options.shadowSize;
    var img = this._createImg(this.options['shadowUrl']);
    img.style.marginLeft=-this.options.shadowAnchor.x+"px";
    img.style.marginTop=-this.options.shadowAnchor.y+"px";
    img.style.width=a.x+"px",img.style.height=a.y+"px";
    img.className="leaflet-marker-icon";

    return img;
  }
});

标记代码jQuery Birdseye

processResults = function(results) {
        var marker,_i,_len;
        setTings.results_el.html('');
        for (_i = 0,_len = markers.length; _i < _len; _i++) {
          marker = markers[_i];
          map.removeLayer(marker);
        }
        if (results.length > 0) {

          return $(results).each(function(key,result) {
            var new_marker;

            if (result.women == truE) {
            var pin = 2;
          }
          else
          {
            var pin = 0;
          }

            new_marker = l.marker(setTings.response_params_latlng(result),{
              icon: new l.numberedDivIcon({
                number: key,state: pin
              })
            });

            function setHighlightIcon(E) {
              new_marker = e.target;
var pinSELEcted = pin+1;

                new_marker.setIcon(new l.numberedDivIcon({number: key,state:pinSELEcteD}));
                new_marker.setZIndexOffset(+100)
    }

function setDefaultIcon() {
var pindeSELEcted = pin;              
new_marker.setIcon(new l.numberedDivIcon({number: key,state: pindeSELEcteD}));  
   }

new_marker.on({
    'click': setHighlightIcon
});

   markers.push(new_marker.addTo(map));

   return setTings.results_el.append(setTings.results_template(key,result));
          })
} else {
   return setTings.results_el.append(setTings.no_results_template());
}
}