关于 HTML 5 中的地理定位

2024-02-15

现在,Google 地图可以在 Firefox 的帮助下以街道精度精确定位我的位置。

我知道这是 HTML 5 兼容浏览器的一项新功能,并且该位置是通过使用连接的 WiFi 网络的某种功能来获取的(我希望我没有做出任何愚蠢的假设)。

我想知道的是整个过程到底是如何运作的:

  • 为什么只在 HTML 5 中?
  • Firefox 为什么/如何要求我与 Google 地图共享我的位置?
  • 可以信赖的正常精度是多少?
  • 如何在我的网站中实现此功能?

提前致谢!


它是如何工作的?

当您在 Firefox 中访问位置感知网站时,浏览器会询问您是否要共享您的位置。

如果您同意,Firefox 会收集有关附近无线接入点和您计算机的 IP 地址的信息,并通过将此信息发送至谷歌定位服务 http://googlecode.blogspot.com/2009/04/google-location-services-now-in-mozilla.html(Firefox 中的默认地理定位服务)。然后,该位置估计会与请求网站共享。 (Source http://www.mozilla.com/en-US/firefox/geolocation/)

位置的准确度如何?

不同地点的准确度差异很大。在某些地方,地理定位服务提供商可能能够提供几米以内的位置。然而,在其他领域,情况可能远不止于此。所有位置均应视为估计值,因为无法保证所提供位置的准确性。 (Source http://www.mozilla.com/en-US/firefox/geolocation/)

就我而言,Firefox 报告我距离真实位置大约 10 公里。

如何在我的网站中使用此功能?

你会做这样的事情:

if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(function(position) {  

        alert(position.coords.latitude + ", " + position.coords.longitude);

        // Use the latitude and location as you wish. You may set a marker
        // on Google Maps, for example.
    }); 
} 
else {
    alert("Geolocation services are not supported by your browser.");
}  

您可以在此处查看在线演示:Firefox HTML 5 地理定位演示 http://maxheapsize.com/static/html5geolocationdemo.html(需要支持地理位置的浏览器,例如 Firefox 3.1b3。)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

关于 HTML 5 中的地理定位 的相关文章

  • 使用 File API polyfill 读取数据 URL

    我正在尝试使用文件 API 库 https github com mailru FileAPI https github com mailru FileAPI 作为不支持文件 API 的浏览器的后备 以便将文件作为数据 URL 读取并将其传
  • 减小 TinyMCE 文本区域中的行间距

    I am using TinyMCE to provide a rich text editing text editor But the line spacing between the lines is too much I have
  • HTML 表格 - 固定列宽和多个可变列宽

    我必须建立一个有 5 列的表 表格宽度是可变的 内容宽度的 50 有些列包含固定大小的按钮 因此这些列应该有一个固定大小 例如 100px 有些列中有文本 所以我希望这些列具有可变的列宽 例如 Column1 tablewidth sum
  • rvest 和 NHL 统计数据的 CSS 选择器问题

    我想从 hockey reference com 中抓取数据 特别是从以下链接中抓取数据 https www hockey reference com leagues NHL 1991 html https www hockey refer
  • 防止 HTML 中 A 元素(锚链接)上的制表符停止

    是否可以取消 a href 避免在任何浏览器中被制表符阻止 我想在没有 JavaScript 的情况下做到这一点 一些浏览器支持tabindex 1 属性 但不是全部 因为这不是标准行为 a
  • HTML 分页

    有没有html分页的开源项目 我正在为 iPhone 开发一个应用程序 我想在 UIWebView 上显示 HTML 文件 并且不希望用户向下滚动以查看屏幕上未显示的剩余内容 我想在第二个 UIWebView 上显示剩余的内容 我怎样才能做
  • 有没有办法改变输入类型=“日期”格式?

    默认情况下 输入type date 显示日期为YYYY MM DD 问题是 是否可以将其格式强制为 DD MM YYYY 无法更改格式 我们必须区分有线格式和浏览器的表示格式 接线格式 The HTML5日期输入规范 https www w
  • Chrome 浏览器不显示 HTTP 处理程序生成的图像

    基本上我有一个网站 可以呈现一些文档 主要是办公室 的 HTML 预览 生成的 HTML 片段包含在同一网站返回的页面中 但图像由 HTTP 处理程序从具有以下链接的另一个网站返回 img width 50 height 50 src ht
  • 如何在 PHPStorm 中禁用 html 标签完成

    当我在 HTML 其他上下文中并输入时foobar然后按Tab键它会自动变成
  • 如何将表格中的td高度设置为0px?

    我有一个包含几行的 HTML 表 这是动态构建的 全部 tr 有一个 td inside If one td 里面没有 HTML 内容 我希望它是不可见的 如何才能做到这一点 并不是说里面的 HTML 是动态渲染的 我不想使用display
  • 有没有办法禁用网站上表单的自动填写? [复制]

    这个问题在这里已经有答案了 我最近才学会使用创建网站HTML and PHP 我创建了一个网站 其中有一个测验 要求人们随机翻译单词 用户将他们的答案输入到表格中 网站评估答案是否正确 现在 当一个问题在一个会话中被问两次时 就会出现自动填
  • 使用 javascript 更改 div 颜色

    div style height 20px width 100 background color 000000 div br
  • 如何向我的网站添加 Google 搜索框?

    我正在尝试将 Google 搜索框添加到我自己的网站 我希望它搜索谷歌本身 而不是我的网站 我曾经有一些代码可以工作 但现在不再工作
  • GWT - 如何组织项目以拥有多个网页以及它们之间的导航

    我是 GET 的新手 顺便说一句 它给我留下了深刻的印象 并且发现它对于像我这样熟悉 C NET 桌面技术并愿意编写 Web 应用程序的人来说非常有吸引力 我根据 GWT Eclipse 向导生成的示例启动了自己的项目 该项目生成带有面板的
  • 将文本大小调整为矩形 在 Canvas HTML5 中调整大小

    我是 Canvas 新手 我正在创建一个网站 以在调整矩形大小时增加文本 我尝试了很多 但没有任何效果 实际上 我希望如果我仅按其宽度调整矩形大小 向左拉伸 向右拉伸 则仅应增加文本宽度而不是字体大小 我已经完成了字体大小 但发现增加孤立文
  • 同页锚链接到部分 id 在 IE8 中不起作用

    我有一个带有导航的单页 HTML5 网站 可以将用户引导至该部分 在除 IE8 之外的所有浏览器中都可以正常工作 IE8 不执行任何操作 我所拥有的虚拟版本 a href about About a a href work Work a a
  • 循环遍历元素并逐步为每个元素应用 CSS 规则

    我有一个网格布局 每个网格布局中都有不同数量的元素 我想动态添加内联grid column通过循环遍历 div 中存在的每个元素的 CSS 规则 ul 与一类 list 所以 HTML 代码的输出需要是 ul class list ul u
  • Jquery 在 DIV 中进行多重加载

    这是我的代码 right load textes html nicolas right load textes html antoine 问题是内容divantoine覆盖了右边div nicolas加载的内容div div right l
  • Django - 提交具有同一字段多个输入的表单

    预警 我对 Django 以及一般的 Web 开发 非常陌生 我使用 Django 托管一个基于 Web 的 UI 该 UI 将从简短的调查中获取用户输入 通过我用 Python 开发的一些分析来提供输入 然后在 UI 中呈现这些分析的可视
  • 如何让div与包含td的高度相匹配?

    我沿着桌子的一排布置了三个 面板 一个比另外两个高 我希望所有三个面板都与最高的一个的高度相匹配 我尝试将 div 的样式设置为 height 100 但是即使包含的 tds 增长 短面板仍然很短 我的 HTML 是由 JSF 生成的 因此

随机推荐

  • 哪些方法可以访问源代码?

    有多种方法可以从需要 加载该库的 Ruby 代码中访问该库的源代码 其中 有的直接读取库文件并解析 其他人通过一些内置方法访问源代码 这些方法提供有关源代码的信息 例如抽象语法树 在我无法直接读取文件内容的情况下 如前面的方式 访问源的唯一
  • 如何使用公共类上的静态变量在活动之间传递数据?

    我试图在公共类上使用静态变量来在活动之间传递它们 我在这样做时遇到了一个罕见的问题 我正在为活动的静态变量赋予值 此活动调用 GLSurfaceView 并监听屏幕方向的变化 如果我为 GLSurfaceView 上的静态变量赋予值 那么一
  • iOS 如何保存录制的音频?

    我正在开发一个应用程序 其中音频被录制并转录为文本 我正在使用 Nuance Developers 提供的 Speechkit 我要添加的功能是 将录制的音频文件保存到永久内存 在表格视图中显示音频文件 稍后加载保存的音频文件 播放音频文件
  • 从 MPEG TS 中提取 PCR 时间值

    我正在尝试从 MPEG TS 数据包中提取 PCR 时间值 根据wiki http en wikipedia org wiki MPEG transport stream PCR 包含 33 6 9 位 并且还指出前 33 位基于 90 k
  • 将文件插入 Google Drive 时出现 IOException

    我在将图像发布到 Google 云端硬盘时遇到以下问题 java io IOException insufficient data written at sun net www protocol http HttpURLConnection
  • locationManager didUpdateLocations 在设备上触发两次,在模拟器上仅触发一次

    相同的代码 我假设设备实际上由于某种原因更新了位置两次 即使我只调用 startUpdatingLocation 一次并且在 didUpdateLocations 内部运行一些 stopUpdatingLocations func loca
  • 如何在 Android Jetpack Compose 中使用字符串资源?

    让我有以下内容strings xml资源文件
  • python中uuid4和秘密token_bytes有什么区别?

    检查了两者的cpython源代码secrets https github com python cpython blob master Lib secrets py and uuid4 https github com python cpy
  • 使用 function-java 向 Java 生产项目添加闭包有多安全?

    我很想在 Java 中使用闭包 我读到过 它们可能会也可能不会进入 Java 7 但是有一个名为函数式java http code google com p functionaljava 已经实现了包括闭包在内的功能特性 在企业生产应用程序
  • 在 group_by() %>% mutate() 函数调用中使用带引号的变量

    可重现的例子 cats lt data frame name c letters 1 10 weight c rnorm 5 10 1 rnorm 5 20 3 type c rep not fat 5 rep fat 5 get mean
  • 在 Elixir 中测试异步代码

    我想测试一个正在使用的函数Task async 为了让我的测试通过 我需要让它在断言之前休眠 100 毫秒 否则测试进程会在执行异步任务之前被终止 有没有更好的办法 编辑 添加代码示例 我想测试的代码 大致 def search param
  • 设置新行Datagrid的内容

    我有一个 DataGrid 显示一些具有相当多列的数据库 我希望当用户编辑新行时 会自动设置一些值 对于窗口形式的 DataGrid 这会很容易 因为有 RowsAdded 事件处理程序 但我如何用 wpf DataGrid 处理这个问题
  • SQL Server 触发器从视图添加/更新表

    我有一个表 我想在将新行添加到视图时添加 更新该表 但我正在努力完成这项工作 我的目标表是课程学习者进度 我的观点是Quiz Results For Course Learner Progress 我已经从记录测验分数的表创建了视图 并由
  • 如何处理 Retrofit 2 中不同类型的响应

    在 Web Api 中返回 JSON 字段可以属于不同的类 someField some string someField en some string ka 我见过一些解决方案 但这是在以前版本的 Retrofit 上 我的 pojo 类
  • Flutter - 错误:没有为“Object”类型定义 getter“docs”

    我正在开发 Flutter 2 2 1 通道稳定 我最近将 SDK 的环境从 2 7 0 更改为 2 12 0 sdk gt 2 12 0 lt 3 0 0 为了添加插件 我遇到了很多错误 尤其是关于零安全性 其中之一是关于从 firest
  • Hibernate 查询集合中的多个项目

    我有一个看起来像这样的数据模型 public class Item private List
  • VsCode 现在在调试模式下在原始 jsx 文件上显示 main.chunk.js

    之前我总是直接在jsx组件文件中调试vscode中的reactjs应用程序 现在我不能这样做 因为当我尝试调试 vscode 时尝试调试一个名为 main chunk js 的文件 我也在用铬 vs Code 调试 main chunk j
  • 错误 MSB3073:命令“npm install”退出,代码为 1

    我正在容器化我的 Net React js 应用程序 但在此过程中我遇到了意外错误 我熟悉了类似的帖子 但没有一个解决方案能解决我的问题 由于构建日志很长 我已将其放入 Pastebin 中 https pastebin com PhfYW
  • C++ 在 Windows 上禁用延迟确认

    我试图在 Windows 计算机上复制实时应用程序 以便能够更轻松地进行调试和更改 但我遇到了延迟确认问题 我已经禁用了 nagle 并确认它提高了一点速度 当发送大量小数据包时 窗口不会立即 ACK 并延迟 200 毫秒 做了更多的研究
  • 关于 HTML 5 中的地理定位

    现在 Google 地图可以在 Firefox 的帮助下以街道精度精确定位我的位置 我知道这是 HTML 5 兼容浏览器的一项新功能 并且该位置是通过使用连接的 WiFi 网络的某种功能来获取的 我希望我没有做出任何愚蠢的假设 我想知道的是