ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 14 HTML5 Geolocation ตอนที่ 1
   geolocation คือการระบุพิกัด latitude, longitude ที่เราอยู่ด้วยคำสั่งJavaScript ที่มาใหม่กับ HTML5
การระบุพิกัดนี้ ความแม่นยำขึ้นอยู่กับอุปกรณ์ที่ใช้เปิดเว็บไซต์ เช่น โทรศัพท์มือถืออย่าง Android, iphone จะมี gps ให้ใช้ และ gps นี้จะช่วยให้ระบุพิกัดได้อย่างแม่นยำมากๆ
   Geolocation นั้นสนับสนุนแทบทุกบราวเซอร์ ไม่ว่าจะเป็น Internet Explorer 9, Firefox, Chrome, Safari และ Opera
1. ตัวอย่าง การแสดงพิกัดแบบ latitude และ longitude

<html>
<body>
<p id="demo">หาตำแหน่งของฉัน</p>
<button onclick="getLocation()">คลิก</button>
<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>
</html>

ผลลัพธ์คือ

***โค๊ด HTML5 ในการหาพิกัดตามตัวอย่างข้างบนนี้ สามารถใช้หาพิกัด latitude และ longitude โดยเมื่อเรียกแล้ว ในครั้งแรกเบราเซอร์จะถามถึงการอนุญาต share location ก็ให้เรากดแชร์ไป และก็รอสักพัก ข้อมูลต่างๆจะโผล่ขึ้นมาใต้คำว่าตำแหน่งของฉัน:

2.ตัวอย่าง ในกรณีที่เราต้องการแสดงค่าError หากไม่สามารถหาพิกัดได้ <โดยเติมโค๊ด function showError(error)>

<html>
<body>
<p id="demo">Click the button to get your coordinates:</p>
<button onclick="getLocation()">Try It</button>
<script>

var x=document.getElementById("demo");

function getLocation()
  {  if (navigator.geolocation)    {    navigator.geolocation.getCurrentPosition(showPosition,showError);    }
  else{x.innerHTML="Geolocation is not supported by this browser.";}  }
function showPosition(position)  {  x.innerHTML="Latitude: " + position.coords.latitude + 
  "<br>Longitude: " + position.coords.longitude;     }

function showError(error)
  {  switch(error.code)     {    case error.PERMISSION_DENIED:
      x.innerHTML="User denied the request for Geolocation."
      break;     case error.POSITION_UNAVAILABLE:
      x.innerHTML="Location information is unavailable."
      break;     case error.TIMEOUT:
      x.innerHTML="The request to get user location timed out."
      break;     case error.UNKNOWN_ERROR:
      x.innerHTML="An unknown error occurred."       break;    }  }

</script>
</body>
</html>

   จากตัวอย่างข้างบนเป็นโค๊ดสำหรับแสดงค่า error ซึ่งจะแสดงให้เห็นค่า error ก็ต่อเมื่อไม่สามารถหาพิกัดได้เท่านั้น

อ่านเพิ่มเติม
บทที่ 14 HTML5 Geolocation คือเทคโนโลยีที่ช่วยหาพิกัด ตอนที่ 2

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
งานประจำวันที่ 20 มีนาคม 2562
โดย napharat079 พ 20 มี.ค. 2019 9:49 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
2
พ 20 มี.ค. 2019 9:49 am โดย napharat079
งานประจำวันที่ 20 มีนาคม 2562
โดย สริญญา สมสา พ 20 มี.ค. 2019 9:45 am บอร์ด MT32 - นางสาวสริญญา สมสา
0
1
พ 20 มี.ค. 2019 9:45 am โดย สริญญา สมสา
สอบถามวิธีการลงไดฟ์เวอร์ Wifi บนเครื่อง Ubuntu 14.04 LST หน่อยครับ
โดย tatiya อ 19 มี.ค. 2019 8:46 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
8
อ 19 มี.ค. 2019 8:46 pm โดย tatiya
ไปเที่ยวออสเตรเลียกัน
โดย สริญญา สมสา อ 19 มี.ค. 2019 5:53 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
11
อ 19 มี.ค. 2019 5:53 pm โดย สริญญา สมสา
การคิดค่าไฟฟ้าในบ้านเรือน
โดย สริญญา สมสา อ 19 มี.ค. 2019 4:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
4
อ 19 มี.ค. 2019 4:48 pm โดย สริญญา สมสา
3 Investment Worthly in Thaland
โดย wannapat อ 19 มี.ค. 2019 4:38 pm บอร์ด Chinese Language - 简体中文
0
3
อ 19 มี.ค. 2019 4:38 pm โดย wannapat
ก่อนสร้างเว็บต้องรู้จัก Domain
โดย napharat079 อ 19 มี.ค. 2019 3:58 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
7
อ 19 มี.ค. 2019 3:58 pm โดย napharat079
โปรแกรมรับค่าอายุ
โดย napharat079 อ 19 มี.ค. 2019 3:29 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
5
อ 19 มี.ค. 2019 3:29 pm โดย napharat079
วิธีลดความอ้วนสำหรับคนขี้เกียจ
โดย สริญญา สมสา อ 19 มี.ค. 2019 3:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
อ 19 มี.ค. 2019 3:20 pm โดย สริญญา สมสา
ประโยชน์เกี่ยวกับทุเรียน
โดย สริญญา สมสา อ 19 มี.ค. 2019 2:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
6
อ 19 มี.ค. 2019 2:34 pm โดย สริญญา สมสา
เริ่มต้นเขียนโปรแกรมสูตรคูณง่ายๆ ด้วยคำสั่ง for
โดย napharat079 อ 19 มี.ค. 2019 2:09 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
6
อ 19 มี.ค. 2019 2:09 pm โดย napharat079
เริ่มต้นเขียนโปรแกรมสูตรคูณง่ายๆ ด้วยคำสั่ง do while
โดย napharat079 อ 19 มี.ค. 2019 1:39 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
7
อ 19 มี.ค. 2019 1:39 pm โดย napharat079
การทำเกี๊ยวไข่
โดย สริญญา สมสา อ 19 มี.ค. 2019 12:08 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
5
อ 19 มี.ค. 2019 12:08 pm โดย สริญญา สมสา
เริ่มต้นเขียนโปรแกรมสูตรคูณง่ายๆ ด้วยคำสั่ง While
โดย napharat079 อ 19 มี.ค. 2019 11:43 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
10
อ 19 มี.ค. 2019 11:43 am โดย napharat079
วิธีการคอมเมนต์ในภาษา C++ ที่โปรแกรมเมอร์ต้องรู้
โดย napharat079 อ 19 มี.ค. 2019 11:39 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
12
อ 19 มี.ค. 2019 11:39 am โดย napharat079
เกาะไข่
โดย สริญญา สมสา อ 19 มี.ค. 2019 11:10 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
อ 19 มี.ค. 2019 11:10 am โดย สริญญา สมสา
งานประจำวันที่ 19 มีนาคม 2562
โดย napharat079 อ 19 มี.ค. 2019 9:54 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
1
11
อ 19 มี.ค. 2019 7:11 pm โดย napharat079
งานประจำวันที่ 19 มีนาคม 2562
โดย Four อ 19 มี.ค. 2019 9:39 am บอร์ด M077 - อิษยา งามสอาด
1
3
อ 19 มี.ค. 2019 6:46 pm โดย Four
งานประจำวันที่ 19 มีนาคม 2562
โดย สริญญา สมสา อ 19 มี.ค. 2019 9:30 am บอร์ด MT32 - นางสาวสริญญา สมสา
1
5
อ 19 มี.ค. 2019 10:14 am โดย สริญญา สมสา
สอบถามครับ ผมลง ubuntu 14.04 แล้วต่อเน็ตจากสาย LAN ไม่ได้
โดย tatiya จ 18 มี.ค. 2019 10:05 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
18
จ 18 มี.ค. 2019 10:36 pm โดย tatiya