js 计算两个坐标点的距离

JavaScript020

js 计算两个坐标点的距离,第1张

let PI = 3.14159265358979323//圆周率

let R = 6371229//地球半径

function getDistance(lon1,lat1,lon2,lat2){

let x,y,distance

let lonres = lon1 >lon2?lon1-lon2:lon2-lon1

let latres = lat1 >lat2?lat1-lat2:lat2-lat1

x = (lonres) * PI * R * Math.cos(((lat1 + lat2) / 2) * PI / 180) / 180

y = (lat2 - lat1) * PI * R / 180

return distance = Math.hypot(x, y)

}

一、clientX、clientY

点击位置距离当前body可视区域x,y坐标。

二、pageX、pageY

对于整个页面来说,包括被卷去的body部分的长度。

三、screenX、screenY

点击位置距离当前电脑屏幕的X、Y坐标。

四、offsetX、offsetY

相对于带有定位的父盒子的X、Y坐标。

五、X、Y

和screenX、Y一样。

以上五种是我们经常用到的坐标以及他们的含义。

下面附上一张图可以看得更清楚点。

<script language="javascript" src="http://webapi.amap.com/maps?v=1.2&key=您申请key值"></script>

<script language="javascript">

function a(){

x1="123"

y1="456"

z1="(" + z1 + "," + y1 + ")" //z1已知坐标1

x2="321"

y2="654"

z2="(" + z2 + "," + y2 + ")" //z2已知坐标2

//求解里应该写

document.getElementById("text").value = XXX; //text显示距离值

}

</script>

<body>

<input type="text" id="text">

<input type="button" onclick="a()">

</body>

我来混经验