Codepen无法识别导航器

Question

我正在尝试获取用户的经度和纬度，但我发现在Codepen中navigator.geolocation.getCurrentPosition不起作用。

$(document).ready(function() {

if(navigator.geolocation){

 function success(position){
 var lat = position.coords.latitude;
 var long = position.coords.longitude;
 $("p").html("latitude: " + lat + "<br>longitude: " + long); 
    };

function failure(){
  $("p").html("Not working");
  };

  navigator.geolocation.getCurrentPosition(success,failure);
};

 });

输出：

Not Working

那么，有没有办法绕过它，或者我必须使用另一个API来解决这个问题？

Answer 1

这是javascript - geolocation not working in codepen的重演。

Chrome摘录：

在不安全的起源上，

getCurrentPosition()和watchPosition()已被弃用。若要使用此功能，应考虑将应用程序切换到安全来源，如HTTPS.