Codepen 无法识别导航器答案

【问题标题】：Codepen not recognizing navigatorCodepen 无法识别导航器
【发布时间】：2017-02-08 06:25:21
【问题描述】：

我正在尝试获取用户的经度和纬度，但我发现在 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？

【问题讨论】：

标签： geolocation navigator codepen

【解决方案1】：

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

Chrome 摘录：

getCurrentPosition() 和 watchPosition() 在不安全的来源上被弃用。要使用此功能，您应该考虑将您的应用程序切换到安全来源，例如 HTTPS。

【讨论】：