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

在React中使用Bing地图时，如果想将固定位置显示为列表，可以通过在地图上创建一个包含固定位置的滚动框，并将其显示为列表。以下是实现的基本步骤：

首先，确保已在项目中引入Bing地图的相关依赖包。可以使用npm或yarn安装bingmaps-react库。
在React组件中导入所需的依赖项，并创建一个包含地图和滚动框的父容器。

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;

在以上代码中，你需要将YOUR_BING_MAPS_API_KEY替换为你自己的Bing地图API密钥。此外，还需要设置latitude、longitude、pinLatitude和pinLongitude以指定地图的中心点坐标和固定位置的坐标。

以上代码创建了一个地图，将固定位置添加为标记，并在滚动框中将其显示为列表。你可以自定义滚动框的样式和内容，以满足你的需求。

请注意，这只是一个基本示例，你可能需要根据实际情况进行调整和优化。另外，关于Bing地图的详细文档和示例可以在Bing Maps官方网站中找到（这里不能提供具体链接）。

希望这些信息对你有帮助！