经纬志
首页 / OpenLayers / 使用示例

浏览器定位

ol.Geolocation 封装了定位 API,位置变化事件可直接驱动地图标记与精度圈。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

构造时把 projection 设为 EPSG:3857,坐标可直接用于视图。 监听 change:position 更新标记点,change:accuracy 更新精度半径。 定位需要用户授权,示例提供「模拟定位」按钮,在拒绝授权或 iframe 受限时仍能演示标记与精度圈。

操作结果
点击「开始定位」浏览器请求授权,允许后显示位置
拒绝授权顶部提示失败原因,地图保持可用
点击「模拟定位」以固定坐标演示标记与精度圈

定位结果来自设备,精度圈半径可能达到上千米;展示时应标注精度,避免让用户误以为误差在米级。