PHP แสดงพิกัดปัจจุบัน ด้วย HTML Geolocation API

PHP แสดงพิกัดปัจจุบัน ด้วย HTML Geolocation API บทความนี้สอนเขียนโปรแกรมเพื่อแสดงพิกัดปัจจุบันของผู้ใช้งานผ่านโปรแกรมเล่นอินเทอร์เน็ต ด้วย Geolocation API ของ HTML และ JavaScript สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง PHP แสดงพิกัดปัจจุบัน ด้วย HTML Geolocation API

<div id="location"></div>

<script>
    var l = document.getElementById("location");
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showLocation);
    } else {
        l.innerHTML = "โปรแกรมเล่นอินเทอร์เน็ตของคุณไม่รองรับ Geolocation API";
    }
    function showLocation(position) {
        var latitude = position.coords.latitude;
        var longitude = position.coords.longitude;
        l.innerHTML = "ละติจูด = "+latitude+" / ลองจิจูด = "+longitude;
    }
</script>

ผลลัพธ์

ละติจูด = xx.7691 / ลองจิจูด = yy.4732

PHP แสดงพิกัดปัจจุบัน ด้วย HTML Geolocation API มีรายละเอียดดังนี้

1. แสดงพิกัดปัจจุบันด้วยข้อมูล ละติจูด และ ลองจิจูด ที่ element id เท่ากับ location ที่หน้าเว็บไซต์

2. ใช้คำสั่ง navigator.geolocation เพื่อตรวจสอบว่าโปรแกรมเล่นอินเทอร์เน็ตรองรับ Geolocation API หรือไม่ หากไม่รองรับเข้าทำงานใน else

3. กรณีรองรับ Geolocation API จะทำงานใน if และใช้คำสั่ง navigator.geolocation.getCurrentPosition ดึงพิกัดปัจจุบัน

4. ดึง ละติจูด ด้วยคำสั่ง position.coords.latitude

5. ดึง ลองจิจูด ด้วยคำสั่ง position.coords.longitude

6. แสดงที่ element id เท่ากับ location ผ่านตัวแปร l ด้วยคำสั่ง innerHTML