ให้เรตสมาชิก: 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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - MDUpgrade อัพเกรด Joomla 2.5.28 เป็น 3.8 แล้วมีการอัพโหลดอยู่นานมาก
โดย Parichat ส 21 ก.ค. 2018 7:10 pm บอร์ด Joomla Dev
0
1
ส 21 ก.ค. 2018 7:10 pm โดย Parichat
นักฟุตบอลเสียภาษีอย่างไรบ้าง?
โดย taemmynatchapon ส 21 ก.ค. 2018 6:19 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
9
ส 21 ก.ค. 2018 6:19 pm โดย taemmynatchapon
google dive โหลดไฟล์ PDF ไม่ได้ เด้งไปไหนไม่รู้ หน้าขาวๆ
โดย thatsawan ส 21 ก.ค. 2018 1:45 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
8
ส 21 ก.ค. 2018 1:45 pm โดย thatsawan
'งานประจำวันที่ 21 กรกฎาคม 2561
โดย tatiya ส 21 ก.ค. 2018 10:09 am บอร์ด M065 - ตติยะ นาชัย
1
3
ส 21 ก.ค. 2018 7:13 pm โดย tatiya
ช่วยแนะนำ mysqli หน่อยครับ จะเปลี่ยนยังไงครับ
โดย mollyclick ส 21 ก.ค. 2018 7:34 am บอร์ด Programming - PHP
0
24
ส 21 ก.ค. 2018 7:34 am โดย mollyclick
สอบถามเรื่องการแสดงค่าหน่อย
โดย zinptin ศ 20 ก.ค. 2018 9:06 pm บอร์ด Programming - PHP
0
14
ศ 20 ก.ค. 2018 9:06 pm โดย zinptin
Demo M2OpenERP
โดย tsukasaz ศ 20 ก.ค. 2018 4:02 pm บอร์ด M2OpenERP
0
5
ศ 20 ก.ค. 2018 4:02 pm โดย tsukasaz
Q - ไม่สามารถอัพไฟล์ขึ้น git lab ได้
โดย prakon ศ 20 ก.ค. 2018 1:44 pm บอร์ด Programming - PHP
1
24
ศ 20 ก.ค. 2018 2:12 pm โดย tsukasaz
สอบถามการเขียน batch file หน่อยครับ
โดย jlo ศ 20 ก.ค. 2018 11:38 am บอร์ด Programming - PHP
0
23
ศ 20 ก.ค. 2018 11:38 am โดย jlo
งานประจำวันที่ 20 กรกฏาคม 2561
โดย pprn ศ 20 ก.ค. 2018 10:13 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
18
ศ 20 ก.ค. 2018 5:19 pm โดย pprn
งานประจำวันที่ 20 กรกฎาคม 2561
โดย tatiya ศ 20 ก.ค. 2018 9:29 am บอร์ด M065 - ตติยะ นาชัย
1
5
ศ 20 ก.ค. 2018 7:38 pm โดย tatiya
งานปรจำวันที่ 20 กรกฏาคม 2561
โดย prakon ศ 20 ก.ค. 2018 9:13 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
11
ศ 20 ก.ค. 2018 5:10 pm โดย prakon
Q - ไม่สามารถลิงค์ข้อความในเว็บ ของ Joomla ได้
โดย prakon พฤ 19 ก.ค. 2018 12:27 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
2
40
พฤ 19 ก.ค. 2018 1:08 pm โดย AePongsak
ทำการกด edit ภาพแล้ว ทำยังไงให้ไปทับภาพเดิมหรือลบภาพเดิมครับ
โดย mollyclick พฤ 19 ก.ค. 2018 11:04 am บอร์ด Programming - PHP
6
76
พฤ 19 ก.ค. 2018 6:03 pm โดย mollyclick
งานประจำวันที่ 19 กรกฏาคม 2561
โดย pprn พฤ 19 ก.ค. 2018 10:45 am บอร์ด MT25 - นางสาวปรียากมล รินนาศักดิ์
1
22
พฤ 19 ก.ค. 2018 5:52 pm โดย pprn
งานประจำวันที่ 19 กรกฎาคม 2561
โดย tatiya พฤ 19 ก.ค. 2018 9:57 am บอร์ด M065 - ตติยะ นาชัย
1
6
พฤ 19 ก.ค. 2018 7:32 pm โดย tatiya
มี Error mysqli_query() expects at least 2 parameters, 1 given แก้ตรงไหนครับ
โดย mollyclick พฤ 19 ก.ค. 2018 9:50 am บอร์ด Programming - PHP
2
53
พฤ 19 ก.ค. 2018 10:02 am โดย mollyclick
งานประจำวันที่ 19 กรกฎาคม 2561
โดย prakon พฤ 19 ก.ค. 2018 9:55 am บอร์ด MT24 - นายปกรณ์ วิริยะธนวิโรจน์
1
11
พฤ 19 ก.ค. 2018 11:06 am โดย prakon
หาวิธีลงวินโดโดยใช้ USB
โดย Anonymous พ 18 ก.ค. 2018 10:16 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
56
พ 18 ก.ค. 2018 11:07 pm โดย mindphp
สอบถามการเขียน Extension BBCode ที่จะ Query ข้อมูลจาก SQL ครับ
โดย AePongsak พ 18 ก.ค. 2018 6:35 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
2
53
ส 21 ก.ค. 2018 1:20 pm โดย AePongsak