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。