javascript - 如何使用IP地理定位记录位置?

标签 javascript html css geolocation ip-address

我有一个使用地理位置数据库脚本的脚本,该脚本根据用户的 IP 跟踪用户的位置。我对此很陌生,正在寻找一种方法来记录所跟踪的位置,以便我可以看到它们。

这是脚本/HTML。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    <div>State: <span id="state"></span></div>
    <div>City: <span id="city"></span></div>
    <div>Latitude: <span id="latitude"></span></div>
    <div>Longitude: <span id="longitude"></span></div>
    <div>IP: <span id="ip"></span></div>
    <script>
      $.getJSON('https://geolocation-db.com/json/')
         .done (function(location) {
            $('#country').html(location.country_name);
            $('#state').html(location.state);
            $('#city').html(location.city);
            $('#latitude').html(location.latitude);
            $('#longitude').html(location.longitude);
            $('#ip').html(location.IPv4);
         });
    </script>

因此它将在用户的屏幕上显示用户的位置。但我需要一种方法来查看它。我该怎么办呢?谢谢!

最佳答案

看看这个。我已更正此问题。

$(document).ready(function(){
    $.getJSON('https://geolocation-db.com/json/')
       .done (function(location) {
          $('#country').html(location.country_name);
          $('#state').html(location.state);
          $('#city').html(location.city);
          $('#latitude').html(location.latitude);
          $('#longitude').html(location.longitude);
          $('#ip').html(location.IPv4);
       });
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>State: <span id="country"></span></div>
<div>State: <span id="state"></span></div>
<div>City: <span id="city"></span></div>
<div>Latitude: <span id="latitude"></span></div>
<div>Longitude: <span id="longitude"></span></div>
<div>IP: <span id="ip"></span></div>

关于javascript - 如何使用IP地理定位记录位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60031936/

相关文章:

javascript - jquery,知道带滚动条的div的宽度和高度

html - 无法突出显示 <div> 和 <ul> 中的文本

javascript - 如何使用 javascript/jquery 选择/取消选择复选框

html - 如何将这两个 Accordion 内嵌在 Bootstrap 中?

javascript - 格式化文本中的数字

javascript - 对闭包内创建的事件调用闭包函数

javascript - SVG 线条绘制 - 对多个 SVG 使用相同的 javascript 函数

javascript - Discord.js:隐藏命令输入或在发送之前修改它(在测验机器人上工作)

javascript - 如果我更改端点,中间件将不起作用

javascript - 强制滚动到顶部已更新