【Leaflet】鼠标提取坐标

最新推荐文章于 2025-08-25 11:36:27 发布

weixin_30625691

最新推荐文章于 2025-08-25 11:36:27 发布

阅读量257

点赞数

CC 4.0 BY-SA版权

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/defineconst/p/9946218.html

本文详细解析了在地图应用中如何使用鼠标移动事件来实时显示鼠标位置的地理坐标及地图上的点坐标。通过监听'mousemove'事件，利用JSON.stringify()方法将事件对象的containerPoint和latlng属性转化为字符串并显示在页面上。

    map.on('mousemove', function (e) {
        document.getElementById('info').innerHTML = /* innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML  */
            // e.point is the x, y coordinates of the mousemove event relative
            // to the top-left corner of the map
            JSON.stringify(e.containerPoint) + '<br />' +
            // e.lngLat is the longitude, latitude geographical position of the event
            JSON.stringify(e.latlng); /* JSON.stringify() 方法可以将任意的 JavaScript 值序列化成 JSON 字符串 */
    });