当前位置：网站首页 > 技术文章 > 正文

HTML5 Geolocation(地理定位)

myzbx 2025-01-02 17:52 14 浏览

定位用户的位置

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。

浏览器支持

Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation（地理定位）.

注意:Geolocation（地理定位）对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确

HTML5 - 使用地理定位

请使用 getCurrentPosition() 方法来获得用户的位置。

下例是一个简单的地理定位实例，可返回用户位置的经度和纬度

实例

<script>

var x=document.getElementById("demo");

function getLocation()

{

if (navigator.geolocation)

{

navigator.geolocation.watchPosition(showPosition);

}

else{x.innerHTML="该浏览器不支持获取地理位置。";}

}

function showPosition(position)

{

x.innerHTML="纬度: " + position.coords.latitude +

"<br>经度: " + position.coords.longitude;

}

</script>

HTML5 地理定位

上一篇：手把手教你HTML5实现定位当前地理位置
下一篇：HTML5 Geolocation(地理定位):实时获取用户位置信息(八)

相关推荐

STM学习笔记--STM32F10X时钟: 一：系统(SYSCLK)时钟3种(注：时钟频率较高)本文引用地址：http://www.eepw.com.cn/article/201609/296750.htmHSI振荡器时钟8MHZHSE振荡...

澜起科技领先启动DDR5时钟驱动芯片试产，助力提升数据速度与稳定性: 添加我为微信好友<<<点击左侧，每日精选三只热门板块金股免费领。【澜起科技开启DDR5时钟驱动器芯片试产】澜起科技已启动DDR5第一子代时钟驱动器芯片的生产试验。该产品将用于新...

STM32F030 Nucleo-让MCU全速点灯,其中隐藏的含义(一): 只要是有点基础的骚友，点个灯就是个小KS!但是，我却发现一些猫腻!!!先看程序：从牛卡板卡的硬件原理图得知LD1为ST-Link的RGB指示灯，LD3为牛客板卡的电源指示灯，那么只剩下LD2了，LD2...

西门子-CPU模块的参数设定: 右键单击CPU模块所在的行，并选中“对象属性（ObjectProperties…）”选项，可以打开CPU的参数设定页面。通过设定页面不同的标签，可以打开不同的参数设定对象。1.基本参数（Genera...

海湾GST5000主机报时钟电源故障: 主板时钟电源主要记录系统的时间，也就是维持系统时钟的准确性。还有记录启动时要用的硬件信息，也就是BⅠOS信息。有好多厂家工控板有独立纽扣电池，如下图一般工控板电池没电，主机开机后系统时间不是准确的时间...

S7-1200 CPU 时钟与 CP 时钟的同步: CPU同步CP时钟按如下步骤组态实现CPU时钟同步CP时钟：1.在CPU属性中激活“通过NTP服务器启动同步时间”，同时激活“CPU与该设备中的模块进行同步”，即实现CPU...

开机需先按F1，开机后时间不准?手把手教你更换纽扣电池解决: 台式机开机必按F1？手把手教你更换CR2032纽扣电池，彻底解决BIOS重置问题台式机主板上的CR2032纽扣电池（CMOS电池）是电脑的“记忆电源”，其核心作用是为BIOS芯片持续供电，确保在完全断...

空气钟摆着不动会自己上链，这种神秘装置是如何实现走时的?: 我们都知道，积家在钟表领域发明了两个伟大的时计，一个是积家表的翻转表(Reverso)，另一个则是积家的空气钟(Atmos)，tmos空气钟在其发明近一个世纪后仍然是一项独特而有趣的发明，这种钟是在空...

2013款新帕萨特一键启动不能正常启动一步搞定: 2013年购买2013款新帕萨特2.0御尊，一直使用正常，除了正常保养外，2019年更换过火花塞，别的都没更换。2022年2月10日启动时可点火，不能正常启动发动机。还提示驻车制动器故障等，长时间按压...

老板喊你设计一个高效的定时任务系统: 【51CTO.com原创稿件】今天想跟大家一起探讨一个听起来很简单的话题：定时任务机制。无非就是一个计时器，到了指定时间就开始跑呗。tooyoung，要是这么简单我还说啥呢，干不就完了。那如果是几千...

三星S6 edge+不一样双曲面屏新玩儿法: 三星GalaxyS6edge+最为耀眼的特点就是它的双曲面侧屏，这是对此前三星S6edge的又一次升级。当然，这一特色为你带来的不仅是看起来爽而已，其实它用起来更爽。今天就为大家详细介绍一下三星...

深度分析:雄鹿队季后赛首轮被淘汰后，字母哥交易时钟正式启动: 欢迎关注、点赞、评论、收藏、转发！##【字母哥踩到香蕉皮？再见印第安纳噩梦夜】周二那场加时赛宰雄鹿绝不手软，步行者最后四十秒轰出8-0冲击波。119-118比分活活憋死雄鹿最后一口气——又是五场解决...

用爆火的DeepSeek做了个桌面时钟: 最近这DeepSeek是相当火爆啊。大家都在各种宣传它有多厉害，我也很好奇，就学者体验一下。我是个完全不会写代码的小白，没学过没用过，然后看别人都在用AI来替自己完成编程，很简单的样子。先打开浏览器。...

西门子1200PLC基础篇——定时器的具体应用: 西门子1200PLC基础篇——定时器的具体应用上一篇我们一起学习了定时器的操作。今天我们用一个案例一起来学习定时器的具体应用。案例要求：Q0.0端停三秒，运行五秒，再停三秒，再运行五秒，依次循环闪烁。...

效率工具:推荐一款极简桌面待办工具: 对于职场办公人员来说，每天有各种各样的事项需要处理，如何高效的管理待办事项非常关键。这个时候有一款好用的待办管理软件就可以帮助大家解决这个问题。今天给大家推荐Kite待办这款极简的桌面待办工具，希望...

一周热门

最近发表

首页
收录
顶部