移动鼠标时从react-leaflet获取纬度和经度
移动鼠标时从react-leaflet获取纬度和经度
提问于 2021-03-09 21:29:24
当在地图上移动鼠标并将其显示为mapContainer下的文本时，是否有任何有效的解决方案可以在react-leaflet中获取纬度和经度？对于react-leaflet事件是否有明确的文档？
Stack Overflow用户
回答已采纳
发布于 2021-03-09 22:05:04
收到map实例后，可以在组件挂载时监听map的mousemove事件。然后，您可以存储从事件派生的lat和lng，并相应地将它们显示在地图下：
const [coords, setCoords] = useState({});
useEffect(() => {
if (!map) return;
map.addEventListener("mousemove", (e) => {
setCoords({ lat: e.latlng.lat, lng: e.latlng.lng });
});
}, [map]);然后在地图下面
{lat && (
<div>
<b>latitude</b>: {lat?.toFixed(4)} <br />
<b>longitude</b>: {lng?.toFixed(4)}
</div>
)}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66547840
复制相关文章
相似问题
腾讯云开发者
