如何计算传单中的像素

Question

我正在使用传单插件，计算折线两点之间的距离或 joint/multiple 行的整个距离

工作： 当使用图像作为地图时，我设置了脚本来测量以米为单位的距离...

脚本

function showPolygonArea(e) {
    featureGroup.addLayer(e.layer);
    var tempLatLng = null;
    var totalDistance = 0.00000;
    $.each(e.layer._latlngs, function (i, latlng) {
        if (tempLatLng == null) {
            tempLatLng = latlng;
            return;
        }

        //transformation experiment

        totalDistance += tempLatLng.distanceTo(latlng);
        tempLatLng = latlng;
        userDistanceVal = totalDistance / 100000;
    });
    e.layer.bindPopup((totalDistance / 100000).toFixed(2) + ' meters');
    e.layer.openPopup();
}

问题：

here (1) i want to return the totalDistance in pixels instead of meters ....

(2)and here, how can i use layerPoint or containerPoint functin? (as i am struggling about the usage understanding)

我在javascript方面的经验太少了，如果做或问愚蠢的事情，请忽略... 如果可以的话，请帮助....

任何类型的参考或帮助将不胜感激..感谢您的宝贵时间

Answer 1

To (1)：您可以使用 map.crs.latLngToPoint(latlng, map.getZoom()); 之类的东西来获取当前缩放级别的 latlng 点的像素点表示。

如何计算传单中的像素

how to calculate pixels in leaflet

javascript

leaflet

dc.leaflet.js