以叠加层形式展示的React Leaflet。

要以叠加层形式展示React Leaflet，你可以使用react-leaflet库提供的LayerGroup组件。LayerGroup组件允许你将多个叠加层组合在一起并一起显示在地图上。

下面是一个包含代码示例的解决方案：

首先，安装所需的库。在命令行中运行以下命令：

npm install react-leaflet leaflet

接下来，创建一个名为MapContainer的组件，并在其中导入所需的库和组件：

import React from 'react';
import { MapContainer, TileLayer, Marker, Popup, LayerGroup } from 'react-leaflet';

const Map = () => {
  return (
    <MapContainer center={[51.505, -0.09]} zoom={13} style={{ height: '100vh', width: '100%' }}>
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />

      <LayerGroup>
        <Marker position={[51.505, -0.09]}>
          <Popup>
            A pretty CSS3 popup. <br /> Easily customizable.
          </Popup>
        </Marker>
      </LayerGroup>
    </MapContainer>
  );
};

export default Map;

在上面的代码中，我们创建了一个MapContainer组件，并设置了地图的初始中心位置和缩放级别。我们还添加了一个TileLayer组件，用于显示地图的底图。

在LayerGroup组件中，我们添加了一个Marker组件，并在其内部添加了一个Popup组件。你可以根据需要添加其他的叠加层组件，例如Polygon、Polyline等。

最后，我们导出Map组件供其他地方使用。

现在，你可以在应用程序的其他部分中使用Map组件了：

import React from 'react';
import Map from './Map';

const App = () => {
  return (
    <div>
      <h1>React Leaflet Example</h1>
      <Map />
    </div>
  );
};

export default App;

在上面的代码中，我们将Map组件放置在App组件中，并在页面上显示一个标题。

以上就是以叠加层形式展示React Leaflet的解决方案，希望对你有帮助！