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の繰り返しです。

クローム抜粋：

getCurrentPosition（）およびwatchPosition（）は安全でない起源に推奨されていません。この機能を使用するには、アプリケーションをHTTPSなどの安全な起点に切り替えることを検討する必要があります。