Bing地图v8事件传递不正确的引脚?

问题描述:

因此,我正在使用bing地图v8编写一个应用程序。不幸的是,它没有z-index支持(尽管有z-index函数...)。所以我正在尝试使用图层来完成类似的事情。问题是当我在层之间交换引脚时,事件开始在正确的引脚位置上触发错误的元数据。Bing地图v8事件传递不正确的引脚?

这里是我创建的引脚

function createImagePin(location, index, objArray) 
{ 
    var obj = objArray[index]; 
    var smallPin = getSmallPin(obj); 

    var pin = new Microsoft.Maps.Pushpin(location, 
    { 
     visible: true, 
     icon: smallPin.data, 
     anchor: new Microsoft.Maps.Point(smallPin.width/2, smallPin.height/2) //Align center of pushpin with location. 
    }); 

    pin.metadata = {}; 
    pin.metadata.index = index; 
    pin.metadata.dataTarget = obj; 
    pin.metadata.isSelected = false; 

    Microsoft.Maps.Events.addHandler(pin, 'click', function (e) { 

     if(e.targetType === 'pushpin') 
     { 
      SetRowSelection(e.target.metadata.index); 
     } 
    }); 

    Microsoft.Maps.Events.addHandler(pin, 'mouseover', function (e) 
    { 
     if(e.targetType === 'pushpin') 
     { 
      SelectPin(e.target); 
      ShowInfobox(e.target); 
      console.log(e.target.getLocation()); 
     } 
    }); 

    Microsoft.Maps.Events.addHandler(pin, 'mouseout', function (e) 
    { 
     if (e.targetType === 'pushpin') 
     { 
      DeselectPin(e.target); 
      HideInfobox(); 
     } 
    }); 

    return pin; 
} 

出于某种原因,我把每一个具有正确的位置,但不正确的元数据时得到一个脚物件在鼠标悬停。如果我评论取消选择...我得到正确的两个。

这是我如何选择和取消选择引脚。基于我给出的例子Bing Maps pushpin icon issues

还有没有其他代码触摸这些引脚的时刻......这似乎很奇怪我。它几乎就像内部它只是复制图层中的一些信息,而不是移动附加到对象的所有项目。事实上,如果我只是注释掉添加/删除它会阻止向我传递不正确的数据......尽管我失去了Z-indexing。

function SelectPin(pin) 
{ 
    switch (pin.metadata.dataTarget.ComparableType) 
    { 
     case "Subject": 
      mapLayers.subjectLayer.remove(pin); 
      pin.setOptions({ visible: true, icon: largeGreenHouse.data, anchor: new Microsoft.Maps.Point(largeGreenHouse.width/2, largeGreenHouse.height/2) }); 
      break; 
     case "Listing Comp": 
      mapLayers.compLayer.remove(pin); 
      pin.setOptions({ visible: true, icon: largeBlueHouse.data, anchor: new Microsoft.Maps.Point(largeBlueHouse.width/2, largeBlueHouse.height/2) }); 
      break; 
     case "Sales Comp": 
      mapLayers.compLayer.remove(pin); 
      pin.setOptions({ visible: true, icon: largeBlueHouse.data, anchor: new Microsoft.Maps.Point(largeBlueHouse.width/2, largeBlueHouse.height/2) }); 
      break; 
     case "Hidden": 
      pin.setOptions({ visible: false }); 
      return; 
     default: 
      mapLayers.observableLayer.remove(pin); 
      pin.setOptions({ visible: true, icon: largeGreyHouse.data, anchor: new Microsoft.Maps.Point(largeGreyHouse.width/2, largeGreyHouse.height/2) }); 
      break; 
    } 

    mapLayers.selectionLayer.add(pin); 
    pin.metadata.isSelected = true; 
} 

function DeselectPin(pin) 
{ 
    if(!pin.metadata.isSelected) 
     return; 

    pin.metadata.isSelected = false; 
    mapLayers.selectionLayer.remove(pin); 
    switch (pin.metadata.dataTarget.ComparableType) 
    { 
     case "Subject": 
      pin.setOptions({ visible: true, icon: greenHouse.data, anchor: new Microsoft.Maps.Point(greenHouse.width/2, greenHouse.height/2) }); 
      mapLayers.subjectLayer.add(pin); 
      break; 
     case "Listing Comp": 
      pin.setOptions({ visible: true, icon: blueHouse.data, anchor: new Microsoft.Maps.Point(blueHouse.width/2, blueHouse.height/2) }); 
      mapLayers.compLayer.add(pin); 
      break; 
     case "Sales Comp": 
      pin.setOptions({ visible: true, icon: blueHouse.data, anchor: new Microsoft.Maps.Point(blueHouse.width/2, blueHouse.height/2) }); 
      mapLayers.compLayer.add(pin); 
      break; 
     case "Hidden": 
      pin.setOptions({ visible: false }); 
      return; 
     default: 
      pin.setOptions({ visible: true, icon: greyHouse.data, anchor: new Microsoft.Maps.Point(greyHouse.width/2, greyHouse.height/2) }); 
      mapLayers.observableLayer.add(pin); 
      break; 
    } 

嗯,它似乎是一个数据问题而不是代码问题。我的数据将被地理编码为相同的纬度/长度,用于某些不具有相同地址的属性。因此,阵列的重新排列会导致不同的位置,同一个位置会获得“顶部位置”。