Geolocation 代码笔无法识别导航器

我试图获取用户的经度和纬度，但我在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);
};

 });

那么，有没有办法解决这个问题，或者我必须为此使用另一个API

这是重复的

Chrome摘录：

getCurrentPosition（）和watchPosition（）在不安全的源上不推荐使用。要使用这个特性，您应该考虑将应用程序切换到安全的原点，例如HTTPS.< /P>。

Not Working