codepen geolocation不起作用

Question

在我的代碼段here, 我正在測試navigator.geolocation功能。但是，Web瀏覽器在加載後甚至沒有提示我提供位置權限。爲什麼是這樣？

這裏是我的代碼：

var x = $("#location"); 
function getLocation() { 
    if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(showPosition); 
    } else { 
    x.innerHTML = "Geolocation is not supported by this browser."; 
    } 
} 
function showPosition(position) { 
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude; 
} 

Answer 1

只需使用jQuery的HTML（）方法，而不是innerHTML的。

var x = $("#location"); 
function getLocation() { 
    if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(showPosition, error); 
    } else { 
    x.html("Geolocation is not supported by this browser."); 
    } 
} 
function showPosition(position) { 
    console.log(position) 
    x.html("Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude); 
} 
function error(err){ 
    console.log(err) 
} 

getLocation();