javascript - Der tatsächliche Abstand zwischen zwei Objekten beträgt 30 m. Wie viele Pixel sollte der Abstand auf einer elektronischen Karte von 1:100 m betragen?

Question

Wie im Titel erwähnt, gibt es in der Anzeigedauer zwei Objekte, die 30 Meter voneinander entfernt sind. Wenn diese beiden Objekte auf einer 1:100-m-Karte markiert sind, wie viele Pixel sollte der Abstand zwischen ihnen betragen?

高洛峰 · 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

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