时间戳

首页 > 解决方案 > Web：使用用户位置查找最近的办公室以更改网站上的信息

html - Web：使用用户位置查找最近的办公室以更改网站上的信息

问题描述

我正在尝试为工作建立一个“活动日历”网站。

我的工作在全国各地设立了办事处，因此他们希望在用户访问网站时实施它知道他们的位置到最近的办公室（无论如何他们都会在办公室使用它），这会改变网站上的信息。

该网站基本上是：

Welcome! Are you in <office location>?

（会有一个下拉菜单来手动选择站点）

根据位置，活动日历将出现在该办公室之后。

我尝试研究各种答案，例如 HTML 和 Google 地图的地理位置。但他们只谈论在地图元素上显示位置。我只想找到他们的坐标并将其放在最近的办公室，以通过 HTML 元素显示为文本。

有任何帮助吗？

非常感谢你

标签： htmlwebmobilegeolocationip-geolocation

解决方案

您是否尝试过任何 IP Geolocation API？虽然 IP 地理位置的准确性并不总是准确的，因为这些服务默认位于城市中心。您可以查看ipgeolocation.io，它提供了以编程方式使用的地理坐标。这是在用户浏览器上调用时的示例响应。

curl 'https://api.ipgeolocation.io/ipgeo?apiKey=API_KEY'
{
"ip": "33.33.33.33",
"continent_code": "NA",
"continent_name": "North America",
"country_code2": "US",
"country_code3": "USA",
"country_name": "United States",
"country_capital": "Washington",
"state_prov": "Ohio",
"district": "Franklin County",
"city": "Columbus",
"zipcode": "43218",
"latitude": "39.9747",
"longitude": "-82.8948",
"is_eu": false,
"calling_code": "+1",
"country_tld": ".us",
"languages": "en-US,es-US,haw,fr",
"country_flag": "https://ipgeolocation.io/static/flags/us_64.png",
"isp": "DoD Network Information Center",
"connection_type": "wired",
"organization": "DoD Network Information Center",
"geoname_id": "4510575",
"currency": {
    "name": "Dollar",
    "code": "USD"
},
"time_zone": {
    "name": "America/New_York",
    "offset": "-4",
    "is_dst": true,
    "current_time": "2018-05-14 15:54:13.975-0400"
}
}

推荐阅读