javascript - 两物体实际距离为30m, 在1 : 100m的地图电子地图上距离该为多少像素?

Question

如题所述. 有两个物体在显示生活中相距30米, 在1:100m的地图上标识这两个物体, 二者的距离该是多少px?

高洛峰 · Answer

首先我们需要知道在屏幕上，1cm 的长度等于多少像素，借助 css 中的厘米单位，这个很好求。

var p = document.createElement('p');
p.style.width = '1cm';
document.body.appendChild(p);
var pxPerCm = p.offsetWidth;

30米的距离在 1:100m 的地图上应该为 30cm。实际渲染的像素距离就是 30 * pxPerCm 。

黄舟 · Answer

这个具体数值的话应该根据你地图显示的比例和缩放等级去计算的吧