Javascript 是否可以基于用户替换网页中的图像'；什么是地理位置？

我一直在谷歌上努力寻找一些关于这方面的信息，但我什么也没想到。无论如何，我想做的是根据用户位置更改图像源（img标记或背景图像css属性）

希望利用HTML5地理定位功能，然后运行一条条件语句，将它们的位置与多个设置位置（作为变量）进行比较。该函数查找用户最接近的设置位置，然后根据结果替换图像。我认为这可以用latLong来实现——希望只是比较数字和运算符函数

我相当肯定这将通过Jquery/Javascript完成——根据函数的结果向页面中注入必要的HTML/CSS。只是我的头还在缠着它

---

以前是否有人做过或见过类似的事情，这样我就可以查看代码的结构，从而验证我的假设？JS并不是我最大的优势，任何建议或帮助都会非常有用。

这可以通过使用谷歌的地理编码API（）或HTML5地理定位功能（）来实现

---

这可以通过使用谷歌的地理编码API（）或HTML5地理定位功能（）来实现

---

这可以通过使用谷歌的地理编码API（）或HTML5地理定位功能（）来实现

---

这可以通过使用谷歌的地理编码API（）或HTML5地理定位功能（）来实现

---

是的，这绝对有可能。看看这个：

当您运行上述示例时，请确保在它询问您的位置时单击“允许”，并给它一秒钟时间来找到您

这只是一个简单的示例，但正如您所见，它根据纬度和经度粗略估计您的位置，并以语句的形式提供输出（不过，您可以很容易地将其设置为图像的URL等）

以下是一些可供您深入研究API的资源：

我给你的建议是开始谷歌搜索。这有许多实现

编辑 还有一件事。。。为了真正理解API，我建议永远使用控制台。例如，您可以执行以下操作：

navigator.geolocation.getCurrentPosition(function(position) {
    console.log(position);
});

然后在您使用的任何浏览器中打开控制台，并检出该对象

---

是的，这绝对是可能的。看看这个：

当您运行上述示例时，请确保在它询问您的位置时单击“允许”，并给它一秒钟时间来找到您

这只是一个简单的示例，但正如您所见，它根据纬度和经度粗略估计您的位置，并以语句的形式提供输出（不过，您可以很容易地将其设置为图像的URL等）

以下是一些可供您深入研究API的资源：

我给你的建议是开始谷歌搜索。这有许多实现

编辑 还有一件事。。。为了真正理解API，我建议永远使用控制台。例如，您可以执行以下操作：

navigator.geolocation.getCurrentPosition(function(position) {
    console.log(position);
});

然后在您使用的任何浏览器中打开控制台，并检出该对象

---

是的，这绝对是可能的。看看这个：

当您运行上述示例时，请确保在它询问您的位置时单击“允许”，并给它一秒钟时间来找到您

这只是一个简单的示例，但正如您所见，它根据纬度和经度粗略估计您的位置，并以语句的形式提供输出（不过，您可以很容易地将其设置为图像的URL等）

以下是一些可供您深入研究API的资源：

我给你的建议是开始谷歌搜索。这有许多实现

编辑 还有一件事。。。为了真正理解API，我建议永远使用控制台。例如，您可以执行以下操作：

navigator.geolocation.getCurrentPosition(function(position) {
    console.log(position);
});

然后在您使用的任何浏览器中打开控制台，并检出该对象

---

是的，这绝对是可能的。看看这个：

当您运行上述示例时，请确保在它询问您的位置时单击“允许”，并给它一秒钟时间来找到您

这只是一个简单的示例，但正如您所见，它根据纬度和经度粗略估计您的位置，并以语句的形式提供输出（不过，您可以很容易地将其设置为图像的URL等）

以下是一些可供您深入研究API的资源：

我给你的建议是开始谷歌搜索。这有许多实现

编辑 还有一件事。。。为了真正理解API，我建议永远使用控制台。例如，您可以执行以下操作：

navigator.geolocation.getCurrentPosition(function(position) {
    console.log(position);
});

然后在您使用的任何浏览器中打开控制台，并检出该对象

---

在较高的层次上，您基本上会将其分解为更小的功能。文章可能包括：1）通常使用HTML5地理定位，如何从中获得价值。2） 基于条件逻辑从已知项数组中选择项。3） 如何使用图像URL更新页面。每一个都是你可以在谷歌上独立查找、尝试、测试、修补等。你不太可能找到一个完全符合你的意图的教程，但是每一个单独的功能都应该是可查找的，然后你只需将它们拼凑在一起。在较高的层次上，你基本上会将其分解为更小的功能。文章可能包括：1）通常使用HTML5地理定位，如何从中获得价值。2） 基于条件逻辑从已知项数组中选择项。3） 如何使用图像URL更新页面。每一个都是你可以在谷歌上独立查找、尝试、测试、修补的东西