如何将HTML5,纬度和经度保存到数据库中?

时间:2014-10-31 06:16:07

标签: javascript php jquery ajax html5

我需要将纬度和经度保存到我的数据库中。我可以获取坐标值,但我不能将它们分配给PHP变量,以便我可以将它们插入到数据库中。我观看了很多YouTube视频并阅读了很多博客,但他们的修女工作过。我不知道哪种方式更适合将坐标插入数据库,请指导我,谢谢。

以下是我的代码:

<body>
    <p>HTML5 GEOLOCATION</p>

    <a href="#" id="get_location">Get Location</a>
    <div id="map">
    <iframe id="google_map" width="425" height="350" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/view?zoom=9&center=24.8615,67.0099&key=AIzaSyAgiV9XkktBAHcfc1XIkLcUngBuSnxmk1o"></iframe>
    </div>

    <script>

        var c = function(pos){
            var lat = pos.coords.latitude,
                long = pos.coords.longitude,
                coords = lat +', '+long;

            document.getElementById('google_map').setAttribute('src','https://maps.google.co.uk/?q='+ coords +'&z=15&output=embed');
            alert("latitude= "+lat+"\nlongitude= "+long);

        }//end of function c
        document.getElementById('get_location').onclick = function(){

            navigator.geolocation.getCurrentPosition(c);
            return false;
        }//end of document.getElementById()
    </script>

</body>

1 个答案:

答案 0 :(得分:-1)

只需使用jQuery将ajax调用到服务器端语言即PHP并传递lat&amp; lang参数到您的PHP页面。

$.ajax({
    type: 'POST',
    url: 'your_server_url.php', 
    async:true,
    data: { 
        'lat': lat, 
        'lang': lang 
    },
    success: function(response){
       // alert('wow' + msg);
    }
});

在你的php页面中读取参数像这样。

$lat = $_POST['lat'];
$lang = $_POST['lang'];
//your database logic