网页指南针

调用设备磁力计的在线指南针:实时方位角 + 16 方位名,室内辨向导航

在线网页指南针:点击启动后读取设备磁力计方位——安卓优先使用 deviceorientationabsolute 绝对方位事件, iOS Safari 使用 deviceorientation 事件里的 webkitCompassHeading 专有字段。SVG 罗盘盘面随方位旋转, 同时给出方位角度数与 16 方位名(北/东北偏北/东北…),倾角过大时提示「请水平持握」。 不支持磁力计的设备可用底部「手动查询方位名」兜底。所有数据本地处理,不上传。

检测控制

当前环境:不支持 DeviceOrientation(桌面设备通常不可用)

磁力计读数受周围磁场影响,启动后请先按下方「校准指引」摇晃 8 字几圈。

校准指引(8 字摇晃)

  1. 手持手机在空中画「8」字摇几圈,让磁力计重新标定。
  2. 远离磁铁、音箱、电机、金属桌面与通电电器——它们会让读数飘移。
  3. 读数仍异常时重启浏览器或换个位置再试。

不支持磁力计?手动查询方位名

45° → 东北(东北)

实时方位

点击「启动指南针」开始辨向

真北 vs 磁北、校准与兼容性(点击展开:原理、公式、FAQ 与来源)

真北 vs 磁北(磁偏角说明)

手机磁力计测出的是磁北(地磁场水平分量指向的地磁极),而地图与经纬线用的是真北(地理北极), 两者之差叫磁偏角,随地点不同从 ±0° 到 ±20° 以上不等(中国大部分地区在 -10°~-2°~+10° 区间,可用国家地理信息公共服务平台查询当地值)。 本工具不做自动磁偏角修正,显示的方位角为磁北口径;按真北使用时请自行叠加当地磁偏角(东偏为正:真北方位 = 磁北方位 + 磁偏角)。

方位角与 16 方位换算公式

16 方位名 = DIR16[ round(heading ÷ 22.5) mod 16 ],DIR16 从 0° 起:北、东北偏北、东北、东北偏东、东、东南偏东、东南、东南偏南、南、西南偏南、西南、西南偏西、西、西北偏西、西北、西北偏北。

双显示(如 350° →「北偏西 10°」):取最近的 45° 基准方位 base = round(heading÷45)×45 mod 360,偏差 = heading − base 归一到 ±22.5°, 偏差为负显示「偏西」(逆时针侧)为正显示「偏东」(顺时针侧)。

浏览器兼容性口径

  • Android Chrome/Edge:支持 deviceorientationabsolute(alpha 为绝对方位,heading = 360 − alpha),无需权限申请。
  • iOS 13+ Safari:不支持 absolute 事件,需在用户手势内调用 DeviceOrientationEvent.requestPermission()(本页在点击启动时申请),方位取 deviceorientation 事件里的 webkitCompassHeading 专有字段(0–360°,相对磁北)。
  • 桌面浏览器:无磁力计,事件不返回有效数据,请用左侧「手动查询方位名」。

常见问题 (FAQ)

为什么读数一直飘或固定不动?

磁力计易受硬铁/软铁干扰:手机壳带磁铁、桌面金属支架、音箱与充电器都会干扰。先做 8 字摇晃校准,再远离干扰源;手机套磁吸支架时建议取下再测。

和手机自带指南针差几度正常吗?

正常。手机自带指南针通常叠加了 GPS 航向/地磁模型修正,网页只能拿原始磁力计口径,±5° 量级差异常见;先做 8 字校准可明显收敛。

怎么知道「手机顶部」指向哪?

方位角指手机顶部(摄像头一端)水平指向的方向。把手机顶边对准目标物,读数即目标方位;测量时尽量水平持握(本页在倾角超 45° 时会提醒)。

想确认手机放得够平怎么办?

配合站内的手机水平仪使用:先用水平仪确认手机接近水平(双轴 <5°),再切到指南针读方位,可显著降低磁力计投影误差。

口径与来源(两源交叉核对)

  • webkitCompassHeading 为 Safari 专有字段、相对磁北:MDN DeviceOrientationEvent 词条与 Apple 开发者文档一致;iOS Safari 不支持 deviceorientationabsolute(MDN + W3C 规范兼容性表交叉)。
  • absolute 事件下 heading = 360 − alpha:W3C DeviceOrientation 规范(alpha 绕 z 轴逆时针增大)与 MDN 实践一致。
  • 磁偏角概念与数值区间:国家地理信息公共服务平台(天地图)公开资料与维基百科「磁偏角」条目交叉;本页不自动修正。

相关工具:手机水平仪(先找平再辨向更准)。

相关工具推荐

排序算法可视化

可视化展示冒泡、快速、归并等排序过程

热门 本地

电子木鱼

敲一下加一功德,合成木鱼音、禅语弹幕与连击彩蛋,纯本地解压小玩具

热门 本地

口算题卡生成器

加减乘除混合比大小填空六种题型,进退位与带余数控制,A4 双栏打印附答案页

热门 本地

电缆载流量速查

铜铝电线明敷穿管安全载流量速查,温度并排修正、负载反推线径与空开档位

热门 本地

数据采样工具

对数据集进行采样、分桶、分组操作

本地

数据结构构建器

可视化构建和操作数据结构

本地

相关教程