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>
我来混经验