地理位置在本地工作，但不在远程服务器上

Question

我将正在开发的网络应用上传到远程服务器。 一切都很好，除了地理位置。我不明白是什么问题，因为我没有收到任何错误消息。 这是涉及地理位置的 HTML 代码。

<tr>
<td>Ti trovi qui: <span id="location"></span></td>
</tr>
</table>
<input type="hidden" id="latitude" name="latitude">
<input type="hidden" id="longitude" name="longitude">
</form>

这些是我使用的脚本：（我对 javascript 和 jQuery 的准备并不充分）

function showLocation(position) {
var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
jQuery.ajax({
    type:'POST',
    url:'getLocation.php',
    data:'latitude='+latitude+'&longitude='+longitude,
    success:function(msg){
        if(msg){
            jQuery("#location").html(msg);
        }else{
            jQuery("#location").html('Not Available');
        }
    }
});
}

function getUserCoordinates(position){

var latitude = position.coords.latitude;
var longitude = position.coords.longitude;
document.getElementById('latitude').value=latitude
document.getElementById('longitude').value=longitude

}

jQuery(document).ready(function(){
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(getUserCoordinates);
    navigator.geolocation.getCurrentPosition(showLocation);
} else { 
    jQuery('#location').html('Geolocation is not supported by this    browser.');
}
});

这是 getLocation.php 文件（但我不认为这是问题所在）：

<?php

require_once 'metodi.php';

sec_session_start();

if(login_check() == true){
if(!empty($_POST['latitude']) && !empty($_POST['longitude'])){

    $_SESSION['latitude'] = $_POST['latitude'];
    $_SESSION['longitude'] = $_POST['longitude'];
    //Send request and receive json data by latitude and longitude
    $url = 'http://maps.googleapis.com/maps/api/geocode/json?latlng='.trim($_POST['latitude']).','.trim($_POST['longitude']).'&sensor=false';
    $json = @file_get_contents($url);
    $data = json_decode($json);
    $status = $data->status;
    if($status=="OK"){
        //Get address from json data
        $location = $data->results[0]->formatted_address;
    }else{
        $location =  '';
    }
    //Print address
    echo $location;
}
} else {
    echo "Non sei autorizzato a visualizzare questa pagina. Effettua il login.";
}

?>

然后我在另一个 php 文件中获取隐藏输入的值。

Answer 1

如果你的网站是在https中运行的，你也需要改变这个

http://maps.googleapis.com/maps/api/geocode/json?latlng=

到这里

https://maps.googleapis.com/maps/api/geocode/json?latlng=

Answer 2

getCurrentPosition() 是异步的。当您调用它两次时，不能保证第一次调用会在第二次调用之前完成。背靠背调用两次也没有意义

它还依赖第三方服务来返回数据

只调用一次，然后在一个回调中将响应值传递给你的两个函数

改变

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(getUserCoordinates);
    navigator.geolocation.getCurrentPosition(showLocation);
} else { 

到

if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(function(position){
        getUserCoordinates(position);
        showLocation(position);
   });

} else { 

还要检查您是否没有在浏览器中为远程域禁用地理定位。添加一些控制台日志记录以查看代码中正在运行和未运行的内容