ジオロケーションを取得できません

Question

デバイスのジオロケーションを取得するためにJavascriptコードを実行しようとしています。 localhost（127.0.0.1）からコードを実行しようとすると、コードが期待どおりに実行され、ポップアップが開き、ユーザーに位置情報サービスを有効にするよう依頼されます。しかし、このコードをホストしたり、ローカルIPアドレス（192.168.x.y）を使用してアクセスしようとすると、コードはエラーで失敗します。

なぜそれがlocalhostで動作するのか、それ以外の理由はありません。

はここでJSコード

function geoFindMe() { 
    var output = document.getElementById("out"); 

    if (!navigator.geolocation){ 
    output.innerHTML = "<p>Geolocation is not supported by your browser</p>"; 
    return; 
    } 

    function success(position) { 
    var latitude = position.coords.latitude; 
    var longitude = position.coords.longitude; 

    output.innerHTML = '<p>Latitude is ' + latitude + '° <br>Longitude is ' + longitude + '°</p>'; 

    var img = new Image(); 
    img.src = "https://maps.googleapis.com/maps/api/staticmap?center=" + latitude + "," + longitude + "&zoom=13&size=300x300&sensor=false"; 

    output.appendChild(img); 
    } 

    function error() { 
    output.innerHTML = "Unable to retrieve your location"; 
    } 

    output.innerHTML = "<p>Locating…</p>"; 

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

おかげです。

Answer 1

最近のChromeでは、一部の機能では安全なプロトコルが必要です。たとえば、ユーザーのジオロケーションを取得できるようにするには、httpSをページに提供する必要があります。

dev/debuggingを有効にするために、localhostの制限が緩和されています。