使用d3.map（）创建D3选择的字典

Question

我正在尝试制作D3选择SVG元素的字典。特别是，我试图在SVG棒球场中获取矩形的边界框尺寸，并将其放在D3地图中。我尝试了投手的土墩元素ID，但它没有用。

我的控制台给了我：

未捕获的TypeError：无法读取属性＆＃39; getBoundingClientRect＆＃39;为null

＆＃13;

＆＃13;

XDocument

＆＃13;

d3.xml("https://upload.wikimedia.org/wikipedia/commons/8/89/Baseball_diamond_clean.svg").then(function(xml) {
      document.getElementById('svg_container').appendChild(xml.documentElement)

      const dictionary = map()
        .set('Pitcher', select('#rect2801').node().getBoundingClientRect()); //pitcher;

});

＆＃13;

＆＃13;

＆＃13;