我需要将谷歌时区 api 连接到这个

如何解决我需要将谷歌时区 api 连接到这个

我正在尝试制作带有按钮的网页。当点击按钮时，网页必须显示用户的当前位置和用户的时区。
我正在通过 jquery 定位用户的纬度和经度，对于位置名称，我使用谷歌地理编码 API 的反向地理编码和时区谷歌时区 API。经纬度功能和反向地理编码功能运行良好。但是时区的功能不起作用。我为这个 API 编写的无效函数是 JS 代码中的最后一个函数。
我不明白如何解决这个问题。我需要别人的帮助。

HTML 部分

<!doctype html>
<html>
<head>
<Meta charset="utf-8">
<title>Untitled Document</title>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
</head>

<body>
    <h1>Hello let's trace your location</h1>
    <button onClick="getLocation()">Get Location</button>
    <div id="output"></div>

    <script language="javascript" type="text/javascript" src="java.js">
        
    </script>
</body>
</html>

JS 部分

var x = document.getElementById('output');
function getLocation(){
    if (navigator.geolocation){
        x.innerHTML = "Supporting";
        navigator.geolocation.getCurrentPosition(showPosition);
    }
    else{
        x.innerHTML = "browser not supporting";
    }
}
function showPosition(position){

    var locAPI = "https://maps.googleapis.com/maps/api/geocode/json?latlng="+position.coords.latitude.toFixed(6)+","+position.coords.longitude.toFixed(6)+"&key=<key>";
    //x.innerHTML += locAPI;
    $.get({
        url: locAPI,success: function(data){
            console.log(data);
            var num = data.results.length - data.results.length;
            var add1 = data.results[num].address_components.length - 1;
            var add2 = data.results[num].address_components.length - 2;
            x.innerHTML = num;
            x.innerHTML += add1;
            x.innerHTML += add2;
            x.innerHTML += data.results[num].address_components[add2].long_name;
            x.innerHTML += "<br/>";
            x.innerHTML += data.results[num].address_components[add1].long_name;
        }
    });
}

function showPosition(location){

    var timeAPI = "https://maps.googleapis.com/maps/api/timezone/json?location="+location.coords.latitude.toFixed(6)+","+location.coords.longitude.toFixed(6)+"&amp;timestamp=<key>";
            //x.innerHTML += timeAPI;
            
            $.get({
                url:timeAPI,success:function(data){
                    console.log(data);
                }
            });
}
}

我需要将谷歌时区 api 连接到这个

如何解决我需要将谷歌时区 api 连接到这个

相关推荐