Question

我正试图在鼠标移动时获得x，y坐标。当我试图得到它时，我会收到错误。

TypeError：无法读取mouseMove中未定义的属性'latlng' （仪表板：593）在HTMLDivElement.onmousemove（仪表板：442）

<div id="map" onmousemove="mouseMove()"></div>
<script type="text/javascript">
        var iMaxZoom = 1;

        var map = L.map('map', {
            crs: L.CRS.Simple,
            minZoom: -5,
            maxZoom: 1
        });



        var bounds = [[0,0], [711,473]];

        var image = L.imageOverlay('{!! asset('assets/images/birlikmarket.png')  !!}', bounds).addTo(map);
        map.fitBounds(bounds);
        // mouse move detect x, y coordinates
        function mouseMove(e) {
            var tileSize = [711,473]
            try {
                console.log(e.latlng)
            }catch(error) {
                console.log(error)
            }
}
</script>

Answer 1

在传单中发生鼠标移动等给定事件时获取鼠标的LatLng

您的方法的一个问题是您要向本机dom事件添加事件侦听器。而是将一个监听器添加到自定义小叶鼠标事件中，该事件将允许您访问latLng。

map.on的第一个参数是事件名称。第二个参数是事件发生时要调用的回调函数。传递给此回调函数“e”的arg是表示传单事件的对象。此事件的其中一个属性是latlng。

在脚本代码中添加以下内容：

map.on('mousemove', function(e) {
    alert("Lat, Lon : " + e.latlng.lat + ", " + e.latlng.lng)
});

“mousemove”是指Leaflet小鼠事件。 Leaflet事件包含LatLng等信息，这些信息不会出现在本机DOM事件上，例如“onmousemove”。

此外，您还可以访问鼠标事件的其他属性，例如发生事件的地图上的像素坐标。有关详细信息，请参阅this。

请记住，您可以轻松地将此事件更改为“点击”，并仅在用户点击地图时提醒lat lng坐标。

请参阅此工作示例：http://jsfiddle.net/LnzN2/684/

TypeError：无法读取undefined的属性'latlng'

1 个答案: