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

JSON get geolocation not returning value in HTML

本文关键字：返回值 HTML 获取 地理位置 JSON      更新时间：2023-09-26

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

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

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

您的代码似乎运行得很好：

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);
        });
    }
});

关于获取城市名称，您的这部分问题已经得到了回答：使用地理位置获取城市名称

相关文章：