サーバからjavascriptを使用してジオロケーションを取得できません

私は位置座標を取得できないという問題に直面しています。私はjavascriptを使用しており、ジオロケーションを使用して座標を取得しようとしています。ところで、私はlocalhost上で同じスクリプトを使用して位置を取得することはできますが、サーバー上にスクリプトをアップロードして位置座標を取得しようとすると座標を取得できません。コードは次のとおりです。サーバからjavascriptを使用してジオロケーションを取得できません

<html> 
<head> 
    <title>test coordinates</title> 

    <link rel="stylesheet" 
     href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" 
     integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" 
     crossorigin="anonymous" /> 

    <!-- Optional theme --> 
    <link rel="stylesheet" 
     href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" 
     integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" 
     crossorigin="anonymous"> 

    <script type="text/javascript" 
     src="https://code.jquery.com/jquery-3.0.0.min.js"></script> 

    <!-- Latest compiled and minified JavaScript --> 
    <script 
     src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" 
     integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" 
     crossorigin="anonymous"></script> 

    <script> 
    jQuery(document).ready(function() { 
     $("#btnSubmit").click(function() { 
      initGeolocation(); 
     }); 
    }); 

    function initGeolocation() { 
     if (navigator.geolocation) { 
      // Call getCurrentPosition with success and failure callbacks 
      navigator.geolocation.getCurrentPosition(success, fail); 
     } else { 
      alert("Sorry, your browser does not support geolocation services."); 
     } 
    } 

    function success(position) { 
     alert("longitude is = "+position.coords.longitude); 
     alert("latitude is = "+position.coords.latitude); 
    } 

    function fail() { 
     alert("Sorry, Could not obtain location."); 
    } 

</script> 

</head> 
<body> 

    <button type="button" class="btn btn-default" id="btnSubmit">Submit 
      Task</button> 

</body> 
</html>

ご意見やご提案は高く評価されます。

おかげで、

出典

2016-08-16 Furqan Ahmed

このコードは、私がJSFiddle –

に入れたときに、私の作品http://memoryhelper.netne.net/test.phpコードをここに掲載されて、あなたはそれを試してみて、私の答えであった場合、私は –

を知らせることができます有益であれば、それを受け入れられた回答としてマークしてください。 –

getCurrentPosition()とwatchPosition()はもはや安全ではないの起源上で動作しません。この機能を使用するには、アプリケーションをHTTPSなどの安全な起点に切り替えることを検討する必要があります。詳細はhttps://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-originsを参照してください。

CloudFlareから無料のHTTPSを検討することができます。

出典

2016-08-16 10:50:42

サーバからjavascriptを使用してジオロケーションを取得できません

答えて

関連する問題