JSON get geolocation не возвращает значение в HTML

Question

Я пытаюсь получить геокоманды и затем вернуть их в свой HTML. Это код, который я до сих пор, но она не возвращает координаты на мою страницу:

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

У меня есть идентификатор в моем HTML под названием «CITYNAME». Я также хотел бы преобразовать координаты в название города.

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