react中的Bing地图。如何在地图上的单独滚动框中将固定位置显示为列表？我找不到它的文档

import React, { useRef, useEffect } from 'react';
import BingMapsReact from 'bingmaps-react';

const MapComponent = () => {
  const mapRef = useRef(null);

  useEffect(() => {
    // 初始化地图
    mapRef.current.setMapOptions({
      credentials: 'YOUR_BING_MAPS_API_KEY',
      center: new window.Microsoft.Maps.Location(latitude, longitude),
      zoom: 10
    });

    // 添加固定位置到地图
    const pinLocation = new window.Microsoft.Maps.Location(pinLatitude, pinLongitude);
    const pin = new window.Microsoft.Maps.Pushpin(pinLocation);
    mapRef.current.entities.push(pin);

    // 创建滚动框
    const infobox = new window.Microsoft.Maps.Infobox(pinLocation, {
      visible: false,
      title: '固定位置',
      description: '这是固定位置的描述信息'
    });
    infobox.setMap(mapRef.current);

    // 在滚动框内显示固定位置
    const scrollBox = document.createElement('div');
    scrollBox.style.height = '200px';
    scrollBox.style.overflow = 'auto';
    scrollBox.innerHTML = '固定位置列表';

    infobox.setHtmlContent(scrollBox.outerHTML);
    infobox.setOptions({ visible: true });
  }, []);

  return (
    <div style={{ height: '500px' }}>
      <BingMapsReact
        ref={mapRef}
        bingMapsKey="YOUR_BING_MAPS_API_KEY"
      />
    </div>
  );
};

export default MapComponent;