Question

我对Bing地图上的点击事件有点麻烦。我有一系列商店，我可以放置所有的针脚和点击事件（打开一个信息框），没有任何问题

var STORES = [
    {
        id: 123,
        lat: 1.23456789,
        lng: -1.23456789,
        name: 'AEVA'
    },
    ...
]

for (var i = 0; i < STORES.length; i++) {
    var pinOptions: {icon: 'map-pin.png?id'+STORES[i].id, width: 29, height: 52},
        LatLng = new Microsoft.Maps.Location(STORES[i].lat, STORES[i].lng),
        pin = new Microsoft.Maps.Pushpin(LatLng, pinOptions);

    pin.content = '<p>'+STORES[i].name+'</p>';

    Microsoft.Maps.Events.addHandler(pin, 'click', displayInfobox);

    bing.pinLayer.push(pin);
}

现在的问题是，当用户通过搜索页面到达页面时，基本上会添加一个带有id的主题标签，例如/ stores＃id123

我希望地图自动打开带有该ID的框，因此我已添加此代码

var hash = window.location.hash;
hash = hash.replace("#", "");
if(hash.length>0){
    var pin = $('img[src*="?'+hash+'"]').parent();
    pin.trigger('click');
}

但它只是赢了工作。我也试过了

Microsoft.Maps.Events.invoke(a, 'click');

但没有任何事情发生，有没有人有任何解决方案，触发事件点击？

由于

Answer 1

Microsoft.Maps.Events.invoke函数需要实体对象而不是Html元素。实体可以是以下任何一种类型：Infobox，Polygon，Polyline，Pushpin，TileLayer或EntityCollection。

话虽如此，您可以考虑使用以下方法查找Pushpin：

function findPin(map,storeId)
{
    for(var i = 0; i < map.entities.getLength();i++){
        var entity = map.entities.get(i);
        if(entity.getIcon === undefined) continue;
        var icon = entity.getIcon();  
        if(entity.getIcon() === "map-pin.png?id" + storeId) return entity;
    }
    return null;
}

<强>用法

var storeId = window.location.hash.replace("#id", "");
if(storeId.length > 0){
    var selectedPin = findPin(bing,storeId);
    Microsoft.Maps.Events.invoke(selectedPin, 'click');
}

，其中

function displayInfobox(e) {
    infobox.setLocation(this.target.getLocation());
    infobox.setOptions({ visible: true });
}

触发Bing地图中的Click Click事件

1 个答案: