javascript - 兩個物體實際距離為30m, 在1 : 100m的地圖電子地圖上距離該為多少像素?

Question

如題所述.

有兩個物體在顯示生活中相距30公尺, 在1:100m的地圖上標識這兩個物體, 二者的距離該是多少px?

Answer 1

首先我們需要知道在螢幕上，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 2

這個具體數值的話應該根據你地圖顯示的比例和縮放等級去計算的吧