javascript - JSON 获取地理位置未在 HTML 中返回值

Question

我正在尝试获取地理坐标，然后将它们返回到我的 HTML 中。这是我到目前为止的代码，但它没有将坐标返回到我的页面上:

   if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(function(position) {
    $("#cityname").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);
  });
}  

我的 html 中有一个名为“cityname”的 id。我还想将坐标转换为城市名称。

Answer 1

您的代码似乎工作得很好:

https://jsfiddle.net/sexepm39/

当这段代码运行时，也许你的 div 在 DOM 中不可用？

尝试这样包装它:

$(document).ready(function() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(function(position) {
            $("#cityname").html("latitude: " + position.coords.latitude + "<br>longitude: " + position.coords.longitude);
        });
    }
});

关于获取城市名称，这部分问题已经得到解答:Get city name using geolocation