HTML 地理定位
学习Geolocation API · 难度:高级 · +15XP
HTML Geolocation 地理定位
获取用户地理位置需要用户明确授权。常用于地图、外卖、天气等应用。
获取位置
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(
pos=>{console.log(pos.coords.latitude,pos.coords.longitude)},
err=>{console.error("定位失败:",err.message)},
{enableHighAccuracy:true,timeout:5000}
);
}坐标属性
| 属性 | 说明 |
|---|---|
| latitude | 纬度(-90到90) |
| longitude | 经度(-180到180) |
| accuracy | 精度(米) |
???? 练习
- 获取当前坐标并显示
- 处理用户拒绝授权
学习与实践建议
- 先理解本节的核心概念和语法规则
- 在右边编辑器中修改示例代码,观察运行结果变化
- 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
- 遇到问题时,查阅官方文档是最快的学习途径
编程是门实践技能,动手写代码比看教程重要得多。坚持每天练习,你会很快看到进步!