Javascript 反应传单，在鼠标上显示工具提示在群集图标上

我需要在集群的鼠标上方显示一个工具提示（带有子信息）

例如，在这幅图中，当我越过绿色簇时，我想显示一个包含一些信息的工具提示

我用

“反应”：“^16.9.0”

“reactstrap”：“^8.0.1”

“传单”：“^1.6.0”

“反应传单”：“^2.6.1”

“反应传单标记聚类”：“^2.0.0-rc3”*

本部分代码：

<MarkerClusterGroup showCoverageOnHover={true} onmouseover={(e)= (console.log(e.sourceTarget._markers))}>            
 <Marker position={[44.982963, 7.707891]} id="aabb"/>
 <Marker position={[49.839778, 24.029721]} id="ccdd"/>
 <Marker position={[52.229758, 21.012236]} id="eeff"/>
 <Marker position={[51.507466, -0.090148]} id="gghh"/>
</MarkerClusterGroup>

我可以访问onmouseover={（e）=（console.log（e.sourceTarget.u markers））所在的位置的信息，比如标记id

---

Thabk you！

我想您使用了标记数组上的映射，因此：

<MarkerClusterGroup
  onMouseOver={(e) => {
    e.propagatedFrom.bindTooltip(`Markers: ${markers.length}`).openTooltip();
  }}
  onMouseOut={(e) => {
    e.propagatedFrom.unbindTooltip();
  }}>
  {markers.map((marker)=> 
   (<Marker position={[marker.lat, marker.lon]}>
    ..... 
    </Marker>))}
 </MarkerClusterGroup>}

{
e、 从.bindTooltip（`Markers:${Markers.length}`）传播；
}}
onMouseOut={（e）=>{
e、 从.unbindTooltip（）传播数据；
}}>
{markers.map（（marker）=>
(
..... 
))}
}

是的，但我希望工具提示显示在群集图标上，而不是标记图标上…抱歉，现在我编辑我的响应。。。这是你需要的吗？好吧，但是。。。我想在前端视图（如工具提示）中显示此控制台日志信息…好的，感谢您完成此步骤。。但是现在我在集群和标记中都看到了工具提示。。。基本上我需要两种工具提示，一种是tootlitp集群（像这样），另一种是标记的经典工具提示。我使用组件作为标记，但我认为这样做不是一件好事，因为您使用的集群不像他们建议的那样；因此，您的代码在将来可能无法工作。最好的办法是重建您的自定义群集：-D我希望我能帮助您