首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js获取鼠标当前位置坐标

2017-03-01 10:08:42 在页面中获取鼠标坐标通常有三种方式,这三种方式各有不同,所的的值也是不一样的。  首先是相对于页面的pageX和pageY。...这是一个IE特有的属性,鼠标相比较于触发事件的元素的位置,以元素盒子模型的内容区域的左上角为参考点,如果有boder,可能出现负值 相对于坐标系的layerX/layerY。...FF特有,鼠标相比较于当前坐标系的位置,即如果触发元素没有设置绝对定位或相对定位,以页面为参考点,如果有,将改变参考坐标系,从触发元素盒子模型的border区域的左上角为参考点也就是当触发元素设置了相对或者绝对定位后...完全支持所有属性.其中(offsetX和layerX都是以border为参考点) 下面这个是获取相对于屏幕的坐标 document.onmousemove = function(e) { e =

14.7K20

地图坐标

1、椭球面 地图坐标系由大地基准面和地图投影确定,大地基准面是利用特定椭球体对特定地区地球表面的逼近,因此每个国家或地区均有各自的大地基准面,我们通常称谓的北京54坐标系、西安80坐标系实际上指的是我国的两个大地基准面..., 目前GPS定位所得出的结果都属于WGS84坐标系统,WGS84基准面采用WGS84椭球体,它是一地心坐标系,即以地心作为椭球体中心的坐标系。...以(32°,121°)的高斯-克吕格投影结果为例,北京54及WGS84基准面,两者投影结果在南北方向差距约63米(见下表),对于几十或几百万的地图来说,这一误差无足轻重,但在工程地图中还是应该加以考虑的...横坐标如以中央经线为零起算,中央经线以东为正,以西为负,横坐标出现负值,使用不便,故规定将坐标纵轴西移500公里当作起始轴,凡是带内的横坐标值均加 500公里。...由于高斯-克吕格投影每一个投影带的坐标都是对本带坐标原点的相对值,所以各带的坐标完全相同,为了区别某一坐标系统属于哪一带,在横轴坐标前加上带号,如(4231898m,21655933m),其中21即为带号

2.2K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    地图知识-坐标

    地理坐标网(经纬网)   为了制作和使用地图的方便,高斯-克吕格投影的地图上绘有两种坐标网:地理坐标网和直角坐标网。   ...直角坐标网(方里网)   直角坐标网是以每一投影带的中央经线作为纵轴(X轴),赤道作为横轴(Y轴)。纵坐标以赤道我0起算,赤道以北为正,以南为负。我国位于北半球,纵坐标都是正值。...横坐标本应以中央经线为0起算,以东为正,以南为负,但因坐标值有正有负,不便于使用,所以又规定凡横坐标值均加500公里,即等于将纵坐标轴向西移500公里。横坐标从此纵轴起算,则都成正值。...然后,以公里为单位,按相等的间距作平行于纵、横轴的若干直线,便构成了图面上的平面直角坐标网,又叫方里网。

    1.2K80

    获取地图某个圆形区域内所有的有数据坐标

    原始需求 最近在做一个项目,需要获得地图上任意坐标点为中心150公里范围内所有数据库内有效坐标点。团队内最疯狂快速的想法是指数据库内所有当前国家的坐标点全取来,然后一一和中心点进行比较。...但如果是中心点在国家边缘还是会有问题无法计算另一个国家的坐标,如果数据内出现类似中国、俄罗斯这种大范围的国家这数据这计算难度太不现实了。...install libgflags-dev libgoogle-glog-dev libgtest-dev libssl-dev # 编译器安装 $ apt-get install cmake # 获取...最终得到一个一维的坐标系,比如公司附近的坐标 40.154657, 116.309742 进行转换后会得到 1/223320133133131321303022012101 其中第一位是球的6个面,我们处在第一面...,后面的32位4进制就是希尔伯特曲线一级一级下来的坐标系。

    1.5K40

    地图开发知识之-投影坐标

    地图中常使用的各种坐标 以google地图,百度地图举例。...地图大多使用墨卡托投影。平面坐标系原点与经纬度原点一致。 ? 平面坐标 像素坐标 理解这个像素坐标,需要先将地图缩小到最大级别。就是整个屏幕显示的就是墨卡托投影的地图。...这时候,地图上的每个点都与平面坐标一一对应。 但是如果我将地图缩放后,坐标就产生了变化。这个坐标就是像素坐标。 在非最大级别下,有对应的转换公式。以百度为例。...转换公式为 像素坐标 = |平面坐标 × Math.pow(2, zoom - 18)| 图块坐标地图软件里面,每一个缩放级别有不同的区块地图。百度与google地图相似。...当我把缩放等级调整至最高,这时候地图只有一块: ? 图块坐标 当我把地图放大,地图被分割了。因为显示设备看不到全尺寸的地图。于是地图变成这样。图块坐标以原点右上方开始为编号0,0。

    1.9K30

    走进地图(2)-坐标

    前面简单介绍了下什么是地图,我们主要说说电子地图,而对于电子地图来说,还是先了解什么是坐标系。 坐标系,是理科常用辅助方法,常见有直线坐标系,平面直角坐标系。...在某一问题中规定坐标的方法,就是该问题所用的坐标系。     而地图中用到的坐标系一般是地理坐标系统,也叫经纬度坐标系。...现在电子地图中用到地理坐标一般有以下几种: 坐标系 说明 地图 WGS-84 WGS-84坐标系(World Geodetic System一1984 Coordinate System)是一种国际上采用的地心坐标系...mapbox,openstreetmap,google地图,cesium等国外地图 CGCS2000 2000国家大地坐标系,是我国当前最新的国家大地坐标系,英文名称为China Geodetic Coordinate...高德地图、腾讯地图 BD-09 百度地图自有坐标系,在GCJ-02的基础上再次加密。

    40820

    Android MotionEvent 坐标获取

    Android MotionEvent中getX()与getRawX()都是获取屏幕坐标(横),但二者又有区别 getX()           :   是获取相对当前控件(View)的坐标...getRawX()   :   是获取相对显示屏幕左上角的坐标 演示示例代码 Java代码: public class MainActivity extends Activity implements...点击屏幕中间的Button,获取坐标信息: ?...结果说明: x,y  :  分别获取的相对Button控件的坐标 getX(), getY() rawX,rawY  : 分别获取的相对显示屏幕左上角的坐标 getRawX(), getRawY() 总结...:  getX() 是表示Widget相对于自身左上角的x坐标,而getRawX()是表示相对于屏幕左上角的x坐标值(注意:这个屏幕左上角是手机屏幕左上角,不管activity是否有titleBar或是否全屏幕

    2.1K30

    ArcGIS系列——坐标转换、地图配准

    ArcGIS--坐标转换与地图配准 当我们拿到几款地理数据后,可能最先遇到的问题,并不是如何进行具体的某项空间分析或如何制图等操作,而是这几款明明是同一块区域的数据,却无法叠置在一起。...遇到这种问题的时候,我们就需要对数据进行坐标转换和地图配准操作。...其中:利用POI矢量数据详细讲解如何进行坐标转换;利用jpg图片讲解如何进行地图配准(为方便演示如何添加控制点,因此选择具有经纬度网格的图片) 2坐标转换 首先,我们将两款数据加载到ArcMAP中:...P.S.我们若要完成对一幅地图的配准,至少需要在地图上均匀地选择4个点(即四个角)才能保证较为准确地完成配准工作。...完成配准后,我们就会发现原本两幅并不叠置的数据会叠置在一起: 至此,我们就完成了数据坐标转换及地图配准操作。

    1.5K20

    FreeJTS部标视频平台:车载坐标系与地图坐标系转换

    背景 最近在开发部标平台中进行轨迹回放的定位接口中,返发现回的是WSG-84坐标系下的经纬度信息,但项目前端使用的是高德地图,发现位置有偏移。经了解,需要进行车载坐标系和地图坐标系进行转换。...常见坐标系 WGS84坐标系 地球坐标系,国际上通用的坐标系。设备一般包含GPS芯片或者北斗芯片获取的经纬度为WGS84地理坐标系。...GCJ02坐标系 火星坐标系,是由中国国家测绘局制订的地理信息系统的坐标系统。由WGS84坐标系经加密后的坐标系。 BD09坐标系 百度地图使用坐标系,GCJ02坐标系经加密后的坐标系。...dLon * 180.0) / (a / sqrtMagic * cos(radLat) * pi); mgLat = wgLat + dLat; mgLon = wgLon + dLon; } 百度地图...z * cos(theta); gg_lat = z * sin(theta); } 借用其他博客的图片做个简要说明: 国际做法: 百度做法: 总结 经过上述过程后,车载GPS在地图上绘制后即可不会偏移

    90920

    获取鼠标坐标以及按键响应

    当鼠标在窗口之外如何获取屏幕位置 4.源码下载地址 1.原理 重写GUI类中的鼠标事件的响应函数,并实现其响应函数。 要包含头文件#include 1.1效果 ?...当鼠标在窗口之外如何获取屏幕位置 当鼠标移动出窗体,鼠标就无法进入mouseMoveEvent()函数,此时就需要通过其他方式获取鼠标在屏幕上的位置信息。...这里用到了这个QCursor类,这个类中有一个获取鼠标当前屏幕位置(绝对位置)的一个静态方法。...static QPoint QCursor::pos(const QScreen * screen) 我在这里的处理方式是,通过按键盘的Ctrl键,获取当前的鼠标的绝对位置,需要实现键盘的按键响应函数,...QPoint pt = QCursor::pos();//获取鼠标的绝对位置 QString str; str = QString("%1 , %2").arg(pt.x()).arg(pt.y

    4.5K31
    领券