确定纬度/经度时区从没有像geonames.org使用Web服务

在前端应用程序中,有时需要根据给定的纬度和经度确定时区。虽然有许多开源库可以帮助完成这项工作,但是我们也可以利用Geonames API来获取所需的信息。Geonames是一个免费的地理位置数据库,提供了许多有用的功能,如查找地址、城市和时区等。

获取时区信息

要获取给定纬度和经度的时区信息,我们可以使用以下API调用:

---------------------------------------------------------------------------------------

其中,{latitude}{longitude}分别指定纬度和经度,而{username}则是您在Geonames注册时获得的用户名。该API将返回包含时区信息的JSON响应。

下面是一个示例代码,演示如何使用fetch API从Geonames API获取时区信息:

----- --- - -------- -- --
----- --- - ---------- -- --
----- -------- - ----------------

----------------------------------------------------------------------------------------
  -------------- -- ----------------
  ---------- -- ------------------
  ------------ -- ----------------------

在上面的代码中,我们定义了latlng变量,并将它们传递给API调用。然后,我们使用fetch API从API获取响应,并将其解析为JSON对象。最后,我们打印出返回的数据或处理错误。

解析时区信息

一旦我们获得了包含时区信息的JSON响应,我们就可以解析它以获得所需的信息。以下是一个示例代码,演示如何解析从Geonames API返回的时区JSON响应:

----- --- - -------- -- --
----- --- - ---------- -- --
----- -------- - ----------------

----------------------------------------------------------------------------------------
  -------------- -- ----------------
  ---------- -- -
    ----- ---------- - ----------------
    ----- ------------ - ------------------
    ----------------- ---- --- ----------------
    ----------------- ---- ----- ------------------
  --
  ------------ -- ----------------------

在上面的代码中,我们首先从API响应中提取timezoneIdtimezoneName值,然后将它们打印到控制台上。

总结

本文介绍了如何使用Geonames API从纬度和经度获取时区信息。我们还演示了如何使用fetch API获取API响应并解析它以获得所需的信息。通过使用这些技术,我们可以轻松地确定某个地理位置的时区,以便在前端应用程序中使用。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/15324


猜你喜欢

  • 在JavaScript中定义本地函数:使用var还是不使用?

    在JavaScript中定义本地函数时,常常会使用var关键字或者直接声明函数名称。那么,这两种方式到底哪一种更好?本文将详细探讨这个问题,帮助读者做出明智的选择。

    7 年前
  • 鲍尔依赖的节点

    在前端开发中,我们常常会使用一些第三方库来加快开发进度。但是这些库之间往往存在着各种复杂的依赖关系,如果不了解它们之间的鲍尔依赖(Bower Dependency),就很容易出现各种问题。

    7 年前
  • ReactJS 路由器授权

    ReactJS 是一种流行的 JavaScript 库,用于构建用户界面。React Router 是一个用于 React 应用程序的常用路由器,它允许您将应用程序分解为多个独立页面和视图。

    7 年前
  • 如何取消ES6(香草JavaScript)承诺链

    在ES6之前,异步编程是一个相当麻烦的任务。函数回调嵌套在一起,代码难以维护和理解。为了解决这个问题,ES6引入了Promise对象,它提供了一种优雅的方式来处理异步编程。

    7 年前
  • 检测用户是否滚动的前端技巧

    在很多前端应用中,需要监测用户是否滚动页面。比如,当用户到达页面底部时,自动加载更多内容或显示一个返回顶部按钮等等。在本文中,我们将介绍一些常见的检测用户滚动的方法,以及如何实现它们。

    7 年前
  • jQuery动态创建元素的“创建”事件

    在前端开发中,动态创建元素是很常见的需求,而jQuery提供了方便的方法用于创建和添加元素到DOM树中。但是,有时候我们需要在元素被创建后马上执行一些操作,比如绑定事件、修改CSS属性等。

    7 年前
  • 如何禁用浏览器或元素的滚动条,但仍允许滚动轮或箭头键?

    在前端开发中,有时候我们希望禁用浏览器或特定元素的滚动条,而只允许使用滚动轮或箭头键来进行页面滚动。这在某些情况下可以提高用户体验,比如在一些弹出框、模态框中禁用背景页面的滚动条。

    7 年前
  • 通过代码旋转网页?

    在前端开发中,我们经常需要实现一些动态效果来提升用户体验。其中一个常见的需求就是让网页元素旋转。本文将介绍如何通过代码实现网页元素旋转,并探讨其深度和学习意义。 实现方式 在 HTML 中,我们可以使...

    7 年前
  • 使用谷歌浏览器调试和编辑嵌入在HTML页面中的JavaScript

    使用谷歌浏览器调试和编辑嵌入在HTML页面中的JavaScript 在开发前端应用程序时,经常需要在HTML页面中嵌入JavaScript代码。这些脚本可以用于提供交互性、动态更新内容或执行其他任务。

    7 年前
  • 什么是通俗易懂的JavaScript?

    JavaScript是一门动态、弱类型的编程语言,常用于前端Web开发中。在学习JavaScript时,我们常常会遇到代码难以理解、语法繁琐等问题,而通俗易懂的JavaScript则是指那些简单易懂、...

    7 年前
  • 模糊事件停止点击事件从工作?

    前言 在前端开发中,我们经常会遇到一些交互问题,其中之一就是当用户在进行拖动或滚动等操作时,点击事件也会被触发,导致页面出现异常行为。这个问题可以通过模糊事件(blur event)来解决。

    7 年前
  • jqGrid的不正确的渲染中铬/铬框架

    前言 jqGrid是一款流行的前端数据表格插件。在使用过程中,我们可能会遇到渲染错误的问题。其中一个可能的原因是与Chrome浏览器或Chromium框架有关。 问题描述 当我们在Chrome浏览器或...

    7 年前
  • console.log 和 sys.puts 的差异

    在 Node.js 中,打印输出是调试和错误排查的重要步骤。console.log 和 sys.puts 都是用于在控制台输出文本的方法,然而它们有着一些差异。 console.log console...

    7 年前
  • 客户端表单验证和交互的最佳JavaScript解决方案?

    在前端开发中,表单是非常重要的组件之一。但是,用户输入的数据往往是不可靠的,因此需要进行表单验证和交互以确保输入的数据符合规范并提高用户体验。 本文将介绍一些常用的 JavaScript 解决方案,以...

    7 年前
  • 如何保存画布为PNG图像?

    在前端开发中,经常需要将一个画布保存为 PNG 图像。本文将介绍如何使用 JavaScript 和 HTML5 的 Canvas API 将画布导出为 PNG 图片。

    7 年前
  • 检测键盘输入事件中的 "Delete" 键

    前端开发过程中,我们经常需要处理用户在表单或其他交互组件中的键盘输入事件。其中一个常见需求是检测用户是否按下了 "Delete" 键,以便执行相应的操作。 什么是 "Delete" 键? "Delet...

    7 年前
  • 在doc上执行写操作:除非它被显式打开,否则无法从一个异步加载的外部脚本写入文档。

    在前端开发中,我们经常需要通过JavaScript来更新或者修改DOM中的内容。然而,当我们使用异步加载外部脚本时,可能会遇到一些问题。具体来说,如果我们希望在异步加载的外部脚本中对文档进行写操作,那...

    7 年前
  • JavaScript不支持使用本地变量的闭包吗?[重复]

    在 JavaScript 中,闭包是一种非常有用的编程技术。它可以让函数记住并访问其作用域内的变量和函数,即使这些变量和函数已经离开了它们原来的作用域。然而,一些初学者可能会遇到一个问题:JavaSc...

    7 年前
  • 脸谱网图形API不会返回电子邮件地址

    脸谱网(Graph API)是一种用于获取Facebook数据的RESTful API。然而,使用Graph API时,可能会注意到用户对象(User object)没有电子邮件地址属性。

    7 年前
  • 从JavaScript中获取contextPath的正确方法

    在前端开发中,contextPath是一个非常重要的概念,它表示Web应用程序的根路径。获取contextPath通常用于构建URL或AJAX请求,并确保动态生成的URL指向正确的资源。

    7 年前

相关推荐

    暂无文章