Leaflet 传单：如何在鼠标光标旁边显示lat/lng？

我想在地图上显示当前lat/lng，紧挨着传单中的鼠标（手）光标。此选项还应可切换为开/关

一个选项是定义一个css框，该框将显示在光标旁边的地图顶部（该框只有在切换打开时才可见）。该框需要显示当前lat/lng，并随光标移动

---

不知道如何在实践中做到这一点，对此的任何帮助都将不胜感激。

您可以编写一个处理程序，在mouseover/mouseout上打开/关闭弹出窗口，并在mousemove上更新它：

L.CursorHandler=L.Handler.extend({
addHooks:function（）{
此._popup=新的L.popup（）；
这个。_地图在（'mouseover'，this。_open，this）；
此._映射于（'mousemove'，此._更新，此）；
这个。_地图上（'mouseout'，这个。_close，这个）；
},
removeHooks:函数（）{
此。_地图关闭（'mouseover'，此。_打开，此）；
此.\u地图关闭（'mousemove'，此.\u更新，此）；
这个。_地图关闭（'mouseout'，这个。_关闭，这个）；
},
_开放：功能（e）{
本更新（e）；
此.u popup.openOn（此.u地图）；
},
_关闭：函数（）{
此.\u映射关闭弹出窗口（此.\u弹出窗口）；
},
_更新：职能（e）{
此._popup.setLatLng（即latlng）
.setContent（例如latlng.toString（））；
}
});
L.Map.addInitHook（'addHandler'，'cursor'，L.CursorHandler）；
var map=新的L.map（“传单”{
中间：[0,0]，
缩放：0，
光标：对，
图层：[
新的L.TileLayer（'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
“属性”：“地图数据©贡献者”
})
]
});
正文{
保证金：0；
}
html，正文，#传单{
身高：100%；
}

单张1.0.3
您可以编写一个处理程序，在mouseover/mouseout上打开/关闭弹出窗口，并在mousemove上进行更新：


L.CursorHandler=L.Handler.extend({
addHooks:function（）{
此._popup=新的L.popup（）；
这个。_地图在（'mouseover'，this。_open，this）；
此._映射于（'mousemove'，此._更新，此）；
这个。_地图上（'mouseout'，这个。_close，这个）；
},
removeHooks:函数（）{
此。_地图关闭（'mouseover'，此。_打开，此）；
此.\u地图关闭（'mousemove'，此.\u更新，此）；
这个。_地图关闭（'mouseout'，这个。_关闭，这个）；
},
_开放：功能（e）{
本更新（e）；
此.u popup.openOn（此.u地图）；
},
_关闭：函数（）{
此.\u映射关闭弹出窗口（此.\u弹出窗口）；
},
_更新：职能（e）{
此._popup.setLatLng（即latlng）
.setContent（例如latlng.toString（））；
}
});
L.Map.addInitHook（'addHandler'，'cursor'，L.CursorHandler）；
var map=新的L.map（“传单”{
中间：[0,0]，
缩放：0，
光标：对，
图层：[
新的L.TileLayer（'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'{
“属性”：“地图数据©贡献者”
})
]
});
正文{
保证金：0；
}
html，正文，#传单{
身高：100%；
}

单张1.0.3
整洁！感谢您花时间创建一个完整的工作演示：）整洁！感谢您花时间创建一个完整的演示：）