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

问题描述

问 题

如题所述.

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

解决方案

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

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

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

这篇关于javascript - 两物体实际距离为30m, 在1 : 100m的地图电子地图上距离该为多少像素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！