要完成此效果需要两个步骤
第一步:把如下代码加入到<head>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function distance(form) {
var x1 = eval(form.x1.value);
var y1 = eval(form.y1.value);
var x2 = eval(form.x2.value);
var y2 = eval(form.y2.value);
var xdiff = x2 - x1;
var ydiff = y2 - y1;
form.answer.value = Math.pow((xdiff * xdiff + ydiff * ydiff), 0.5);
}
// End -->
</script>
第二步:把如下代码加入到<body>区域中
<center>
<form>
<table border=3 cellspacing=2 cellpadding=5>
<tr>
<td colspan=4 align=center height="18">求两点的直线距离</td>
</tr>
<tr>
<td colspan=2 align=center>点 A 座标</td>
<td colspan=2 align=center>点 B 座标</td>
</tr>
<tr>
<td align=center>X 轴</td>
<td align=center>Y 轴</td>
<td align=center>X 轴</td>
<td align=center>Y 轴</td>
</tr>
<tr>
<td align=center><input type=text name=x1 size=5></td>
<td align=center><input type=text name=y1 size=5></td>
<td align=center><input type=text name=x2 size=5></td>
<td align=center><input type=text name=y2 size=5></td>
</tr>
<tr>
<td colspan=4 align=center>
<input type=button value="得到结果" onClick="distance(this.form)">
</td>
</tr>
<tr>
<td colspan=4 align=center><input type=text name=answer size=20></td>
</tr>
</table>
</form>
</center>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>
分享到:
相关推荐
在IT领域,尤其是在地理信息系统(GIS)和导航应用中,计算两点之间的直线距离是一个常见的需求。谷歌地图作为全球广泛使用的在线地图服务,提供了方便的功能来帮助用户测量地图上任意两点之间的距离。本篇文章将...
js 实现 通过两点坐标计算直线距离! 值得下载看看!资源免费,大家分享!!
### WGS84坐标系下计算两点间距离的知识点 #### 一、WGS84坐标系简介 WGS84(World Geodetic System 1984)是一种广泛应用于全球定位系统(GPS)中的地球参考框架。该坐标系采用了一个理想的地球模型——地球椭...
1. 百度地图JavaScript API的使用方法:当使用百度地图时,可以通过地图对象提供的`getDistance`方法来直接计算两点间距离。 2. 不依赖百度地图API的经纬度距离计算方法:即便不使用百度地图API,也可以通过...
2. 计算两个地心笛卡尔坐标之间的大圆距离:Cesium并未直接提供计算大圆距离的函数,但我们可以通过计算两点在地球椭球体上的大圆弧长来实现。这通常涉及到地球半径、经度差、纬度差的三角运算和反正切函数。 3. ...
假设我们有一个点P(x₀, y₀),一条直线由两点A(x₁, y₁)和B(x₂, y₂)定义,那么最短距离d可以通过以下步骤计算: 1. 计算直线的斜率k: k = (y₂ - y₁) / (x₂ - x₁) 2. 检查直线是否水平。如果k等于0,说明...
本问题探讨了如何根据两点经纬度(A、B点)以及一个距离(H)来确定位于这两点直线上的第三个点(C点)的经纬度。 首先,我们有两个已知点A(α1,β1)和B(α2,β2),它们之间的距离D可以通过球面距离公式计算...
利用JS实现的根据经纬度计算地球上两点之间的距离 最近用到了根据经纬度计算地球表面两点间距离的公式,然后就用JS实现了一下。 计算地球表面两点间的距离大概有两种办法。 第一种是默认地球是一个光滑的球面,然后...
3. 批量获取距离和时间:对于物流、配送等业务,可以一次性计算多个坐标点间的距离和时间,提高效率。 三、API使用步骤 1. 注册高德开放平台账号:首先,你需要在高德开放平台注册一个开发者账号,并创建应用,获取...
对于小范围的距离,可以用球面三角法(Haversine公式),该公式考虑了地球的曲率,计算两点之间的大圆距离。对于更复杂的距离计算,可以使用Vincenty公式,它更为精确,适用于全球范围内的距离计算。 3. **GIS软件...
如果直线由两点A(x1, y1)和B(x2, y2)定义,点P(x, y)到这条直线的距离可以通过点到直线的一般公式计算,该公式涉及到向量叉乘的模长。 再者,**点是否在线上**的判断通常基于线的定义。如果给定的线是一个直角坐标...
计算两点间距离的一种常见方法是使用Haversine公式,这是一个基于球面三角学的公式,适用于地球这样的近似球体。公式考虑了地球的半径,通过两地点的经纬度差值来计算它们之间的弧度距离,然后转换为实际的距离单位...
3. 在平面上计算两点间的直线距离。 4. 将平面距离反向投影回球面,得到大圆距离。 具体到JavaScript实现,可能会包含以下几个关键部分: - 声明并初始化两个点的对象,包含它们的经度和纬度。 - 使用数学库(如`...
在本教程中,我们将深入探讨如何使用Leaflet和Turf.js这两个JavaScript库来计算离给定点最近的线上的点坐标。Leaflet是一个流行的开源库,用于创建交互式地图,而Turf.js则是一个地理空间分析库,提供了丰富的地理...
计算两个坐标点之间的距离,可以使用Haversine公式,它基于地球的平均半径来估算两点之间的大圆距离。Haversine公式如下: ``` a = sin²(Δφ/2) + cos φ1 ⋅ cos φ2 ⋅ sin²(Δλ/2) c = 2 ⋅ atan2( √a, √...
在JavaScript编程中,计算两点坐标之间的角度是一项常见的任务,尤其在处理图形、地图应用或游戏开发时。这个任务可以通过向量数学来实现,利用余弦定理或者直接使用极坐标转换的方法。以下将详细介绍如何使用...
在计算机图形学、几何计算和许多IT应用中,计算两点之间的直线或多条直线之间的夹角是一项基础且重要的任务。这个“四点坐标计算夹角.rar”文件显然提供了关于如何利用四点坐标来确定两条直线间夹角的方法。在这个...
Google Map V3 javascript计算两个marker之间的距离 做地图开发,最常用到的就是marker一些操作和交互。简单介绍一下,两个marker之间的距离计算。 google map api 很方便的 只要是常用的 基本上都有接口。 1.创建两...
因此,在计算两点间距离时,我们不能简单地使用直角三角形的勾股定理。在这种情况下,我们通常会使用球面三角学或者更精确的地理坐标系统(如WGS84)来解决这个问题。 1. **坐标系统**:在地理信息系统中,我们使用...