JSON获取地理定位不返回HTML中的值

时间:2016-04-18 15:30:50

标签: javascript json geolocation

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

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

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

1 个答案:

答案 0 :(得分: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