网页上如何显示坐标图？_IT百科

光标的坐标值分为鼠标点击的网页相对数值和屏幕对应的坐标值。

1、首先讲解下网页中鼠标点击坐标。

在记事本或其他文本编辑器中输入html基本结构标签

<html>

<body>

</body>

</html>

2、在html后输入头标签head ，并添加script标签代码。

<head>

</script>

</head>

3、在<script>标签中定义函数zuobiao()用来获取坐标值

function zuobiao(event)

{

xzb=event.clientX

yzb=event.clientY

alert("X 坐标: " + xzb + ", Y 坐标: " + yzb)

}

4、点击<body>标签，定义鼠标事件onmousedown调用函数。

5、在正文中随意添加一些说明文字。

<p>打开网页后点击任意位置，会d出窗口显示鼠标点击位置的 x 和 y 坐标。</p>

6、保存代码内容为html网页，然后预览测试效果。

1、点击百度地图的官网，进入百度地图的界面。

2、点击地图下方的“地图开放平台”。

3、在地图开放平台里，下滑页面到底端。点击“坐标拾取器”。

4、这时移动鼠标在地图上的任一点，都会显示该点的坐标。

5、点击地图上的某一点，地图右上方会出现该点的坐标，点击“复制”按钮即可复制该地点坐标。

拓展资料：百度地图

是百度提供的一项网络地图服务，覆盖了国内近400个城市、数千个区县。在百度地图里，用户可以查询街道、商场、楼盘的地理位置，也可以找到离您最近的所有餐馆、学校、银行、公园等等。2010年8月26日，在使用百度地图服务时，除普通的电子地图功能之外，新增加了三维地图按钮。

1、获取坐标并复制：

1)、在搜索框中搜索关键词后，左侧列表中会有该点的坐标，点击该条信息或地图上该点，都会将坐标显示在地图右上角的Input框中,然后点击复制按钮，该点坐标就复制成功了

2)、在地图上用鼠标左键单击地图，就能将该点坐标显示在地图右上角的Input框中,然后点击复制按钮，该点坐标就复制成功了

2、坐标反查：

1)、先勾选住搜索框后面的坐标反查框；

2)、输入一个正确的坐标(比如：116.307629,40.058359)，点击按钮百度一下，就能将该点显示在地图上、切换地图，如果解析成功，还能返回一个地址

欢迎分享，转载请注明来源：内存溢出

网页上如何显示坐标图？