当前位置: 首页 > news >正文

JavaScript使用地理位置 API

前言

在JavaScript中,Geolocation API 是一种用于访问用户地理位置的接口。这个API允许网页应用程序获取用户的位置并提供基于位置的服务。

if (navigator.geolocation)navigator.geolocation.getCurrentPosition(function () {},function () {});

这个函数中需要传入两个参数,第一个参数就是成功获取位置后返回的结果,第二个参数是获取失败之后返回的结果。

if (navigator.geolocation)navigator.geolocation.getCurrentPosition(function (position) {console.log(position);},function () {alert('无法获取你的位置!');});

● 这样当浏览器询问我们是否给与位置权限时候,如果是的话会获取当前位置的坐标,如果否的会话弹窗报错;
在这里插入图片描述
在这里插入图片描述

● 所以我们可以将经度和维度解构出来定义到变量中存储

if (navigator.geolocation)navigator.geolocation.getCurrentPosition(function (position) {const { latitude } = position.coords;const { longitude } = position.coords;console.log(latitude, longitude);},function () {alert('无法获取你的位置!');});

下篇文章来叫位置渲染出来!

http://www.lryc.cn/news/432941.html

相关文章:

  • dockerfile部署fastapi项目
  • 火语言RPA流程组件介绍--浏览网页
  • 【Linux系统学习】2.Linux基础命令
  • ABAP正则表达式 特殊字符处理
  • 【2024高教社杯全国大学生数学建模竞赛】ABCDEF题 问题分析、模型建立、参考文献及实现代码
  • # VMware 共享文件
  • [UVM]3.核心基类 uvm_object 域的自动化 copy() compare() print() pack unpack
  • Java网络编程入门
  • 前端基础面试题·第三篇——JavaScript(其一)
  • 【机器学习】生成对抗网络(Generative Adversarial Networks, GANs)详解
  • QT作业1
  • Mybatis-设计模式总结
  • 【笔记】Java | 三目运算符和Math函数的比较
  • 信创实践(2):利用Leapp工具迁移CentOS至AnolisOS,实现系统升级与自主可控
  • 数据库死锁查询SQL
  • vLLM (4) - LLMEngine上篇
  • Java重修笔记 第五十天 HashSet 和 TreeSet 的去重机制比较
  • 提前购|基于SSM+vue的创新型产品提前购平台(源码+数据库+文档)
  • 上海市计算机学会竞赛平台2024年7月月赛丙组求和问题
  • 【LVI-SAM】激光雷达点云处理特征提取LIO-SAM 之FeatureExtraction实现细节
  • [数据集][目标检测]血细胞检测数据集VOC+YOLO格式2757张4类别
  • opencart journal 3 在价格前添加文本prefix
  • c++ string类的模拟实现的注意事项
  • Unity3D中控制3D场景中游戏对象显示层级的详解
  • 代码执行漏洞-Log4j2漏洞 vulhub CVE-2021-44228
  • uniapp / uniapp x UI 组件库推荐大全
  • 花8000元去培训机构学习网络安全值得吗,学成后就业前景如何?
  • PhpStorm 下调试功能配置
  • MVC(Model-View-Controller)和MVVM(Model-View-ViewModel)
  • 【H2O2|全栈】关于HTML(4)HTML基础(三)