javascript - 必应地图从引脚数组中添加信息框

Question

尝试为每个引脚添加一个信息框，每个引脚从一个单独的函数加载，并从 xml 文件中附加相应的标题、描述、纬度/经度等。（如果需要，来源）

在接收引脚数组的函数中，我试图遍历每个项目并相应地添加信息框。关于我在这里缺少什么的任何想法？

      function GeoRSSImportedCallback(items, bounds) {
          map.entities.push(items);

          for (var i = 0; i<items.length; i++) {
            items.Title = items.title;
            items.Description = items.description;
            Microsoft.Maps.Events.addHandler(itmes, 'click', displayInfoBox);
          }

          map.entities.push(infoboxLayer);
          map.setView({ bounds: bounds });
      }

    function displayInfoBox(e) {
        pinInfoBox.setOptions({title: e.target.Title, description: e.target.Description, visible:true, offset: new Microsoft.Maps.Point(0,25)});
        pinInfoBox.setLocation(e.target.getLocation());
}

我确实在GetMap()函数中初始化了以下内容

        pinInfoBox = new Microsoft.Maps.Infobox(new Microsoft.Maps.Location(0, 0), { visible: false });
        infoboxLayer.push(pinInfoBox);

Answer 1

您的代码使用不属于各种 Bing 地图对象的属性，因此我假设这是您的意图。您的 for 循环也有错误，以下应该更正确：

  function GeoRSSImportedCallback(items, bounds) {
      map.entities.push(items);

      for (var i = 0; i<items.length; i++) {
        items[i].Title = items[i].title; // Assumes .title is defined
        items[i].Description = items[i].description; // Assumes .description is defined
        Microsoft.Maps.Events.addHandler(items[i], 'click', displayInfoBox);
      }

      map.entities.push(infoboxLayer);
      map.setView({ bounds: bounds });
  }