2016-08-16 1 views
0

У меня возникла проблема, в которой я не могу получить координаты местоположения. Я использую 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> 

Любая помощь и предложение будут высоко оценены.

Спасибо,

+0

Этот код работает для меня, когда я положил его в JSFiddle –

+0

http://memoryhelper.netne.net/test.php код размещен здесь, вы можете попробовать и дайте мне знать –

+0

Если мой ответ был пожалуйста, отметьте это как принятый ответ. –

ответ

0

getCurrentPosition() и watchPosition() больше не работать на небезопасном происхождении. Чтобы использовать эту функцию, вам следует переключить приложение в безопасное происхождение, например HTTPS. См. https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins для получения более подробной информации.

Вы можете рассмотреть бесплатный HTTPS от CloudFlare.

Смежные вопросы