小编pia*_*iah的帖子

反应传单鼠标悬停/悬停弹出窗口

嘿嘿!

我希望通过悬停/鼠标悬停打开弹出窗口。

我尝试了推荐的但它仍然只能在单击时打开。有人知道缺少什么吗?

任何帮助表示赞赏!

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>
 );
}
Run Code Online (Sandbox Code Playgroud)

popup mouseover leaflet reactjs react-leaflet

4
推荐指数
2
解决办法
7639
查看次数

标签 统计

leaflet ×1

mouseover ×1

popup ×1

react-leaflet ×1

reactjs ×1