緯度と経度を取得するhtml js

私は何かをしなければならず、私はすでに仕事の一部をしています。 mysqlデータベースに経度（long）と緯度（lat）を挿入したいとします。は、PHPの長いと緯度を取得し、背後にあるSQLクエリを実行することです私が欲しいことを、私の経度と緯度長いと緯度緯度と経度を取得するhtml js

<!DOCTYPE html> 
<html> 
<body> 

<p>Click the button to get your coordinates.</p> 

<button onclick="getLocation()">Try It</button> 

<p id="demo"></p> 

<script> 
    var x = document.getElementById("demo"); 

    function getLocation() { 
     if (navigator.geolocation) { 
      navigator.geolocation.getCurrentPosition(showPosition); 
     } else { 
      x.innerHTML = "Geolocation is not supported by this browser."; 
     } 
    } 

    function showPosition(position) { 
     x.innerHTML = "Latitude: " + position.coords.latitude + 
      "<br>Longitude: " + position.coords.longitude; 
    } 
</script> 

</body>

このコード印刷を与え、このコードを発見しました。

出典

2017-08-29 shmyself

使用 'ajax'私はあなたが私はそれをやろうとすることができる例を持っている場合ajax.but使用する方法がわからない、あなたのバックエンド –

にそれらのCOORDSを取得します。 – shmyself

私たちはそうではありませんが、Googleはサーバーにデータを送信する方法についていくつかの例を提供します。 –

ajaxを使用すると、緯度と経度をデータベースに保存できます。これはあなたのスクリプトを以下のように更新します。

function showPosition(position) { 
    x.innerHTML = "Latitude: " + position.coords.latitude + 
    "<br>Longitude: " + position.coords.longitude; 

    saveData(position.coords.latitude,position.coords.longitude); 

} 

function saveData(latitude,longitude){ 
     $.ajax({ 
     url: 'save_data.php', // Script to save latitude and longitude 
     type: 'GET', 
     data: { latitude : latitude, longitude : longitude }, 
     dataType: "json",  
     success: function(result) { 
      //Return result 
     } 
    }); 
}

出典

2017-08-29 11:13:56

は私のsave_data.phpが良いですか？ <？php /*簡単な例*/ $ lat = $ _ GET ['latitude']; $ long = $ _ GET ['経度']; echo "$ lat"; ？> – shmyself

はい.GET変数を取得していることを確認してください。 –

GETを使用してデータを保存しますか？代わりにPOSTを使用するのはどうですか？ – kovogel

緯度と経度を取得するhtml js

答えて

関連する問題