你好!
我希望我的弹出窗口可以通过鼠标悬停/悬浮来打开。
我尝试了推荐的方法,但它仍然只能在单击时打开。有人知道缺少什么吗?
非常感谢帮助!
import React from "react";
import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet";
import L from 'leaflet';
const Map = () => {
const renderIcons = () => {
return(
<Marker
position = {[latitude, longitude]}
icon = {getIcon(markerType)}
onMouseOver = {event => event.target.openPopup()}
>
<Popup>
Hello
</Popup>
</Marker>
);
});
return(
<MapContainer ...>
<TileLayer .../>
{renderIcons()}
</MapContainer>
);
}
<RenderIcons />
组件应该放在Map
组件之外,而不应该像你现在这样成为回调函数。 - kboul