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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
การสร้างกระดานข่าวในส่วนของผู้ดูแลระบบ
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 4:38 pm บอร์ด phpBB user Guide Knowledge
0
4
ศ 14 ธ.ค. 2018 4:38 pm โดย จันนุสรณ์ ดีแก่
วิธีแก้เมื่อ Phpbb ขึ้นว่า กรุณาลบไดเรกเทอรี หากไดเรกเทอรียังอยู่ใช้ได้แต่ แผงควบคุมเท่านั้น
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 3:39 pm บอร์ด phpBB user Guide Knowledge
0
7
ศ 14 ธ.ค. 2018 3:39 pm โดย จันนุสรณ์ ดีแก่
การค้นหาภายในกระทู้
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 1:54 pm บอร์ด phpBB user Guide Knowledge
0
8
ศ 14 ธ.ค. 2018 1:54 pm โดย จันนุสรณ์ ดีแก่
การค้นหาภายในบอร์ด
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 12:10 pm บอร์ด phpBB user Guide Knowledge
0
14
ศ 14 ธ.ค. 2018 12:10 pm โดย จันนุสรณ์ ดีแก่
การค้นหาจากทั้งหมด
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 11:31 am บอร์ด phpBB user Guide Knowledge
0
14
ศ 14 ธ.ค. 2018 11:31 am โดย จันนุสรณ์ ดีแก่
เมื่อกราฟฟิกดีไซเนอร์อยากจีบสาว
โดย จันนุสรณ์ ดีแก่ ศ 14 ธ.ค. 2018 10:45 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
17
ศ 14 ธ.ค. 2018 10:45 am โดย จันนุสรณ์ ดีแก่
การตั้งค่าบอร์ด
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 5:07 pm บอร์ด phpBB user Guide Knowledge
0
10
พฤ 13 ธ.ค. 2018 5:07 pm โดย จันนุสรณ์ ดีแก่
ส่งค่า ตัวแปร เปลี่ยนภาษา ไปยัง javascript บน phpbb
โดย Ittichai_chupol พฤ 13 ธ.ค. 2018 4:28 pm บอร์ด PHP Knowledge
0
11
พฤ 13 ธ.ค. 2018 4:28 pm โดย Ittichai_chupol
Styles Orange BBEs
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 3:58 pm บอร์ด phpBB 3.1 Extension Review
0
27
พฤ 13 ธ.ค. 2018 3:58 pm โดย จันนุสรณ์ ดีแก่
การจัดการกับข้อความ (การลบ)
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 3:30 pm บอร์ด phpBB user Guide Knowledge
0
12
พฤ 13 ธ.ค. 2018 3:30 pm โดย จันนุสรณ์ ดีแก่
JoomScan เครื่องมือตรวจสอบหาช่องโหว่ของระบบ Joomla แบบอัตโนมัติ
โดย tsukasaz พฤ 13 ธ.ค. 2018 2:24 pm บอร์ด Software Review
0
15
พฤ 13 ธ.ค. 2018 2:24 pm โดย tsukasaz
เมื่อจีบสาว!!
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 1:57 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
20
พฤ 13 ธ.ค. 2018 1:57 pm โดย จันนุสรณ์ ดีแก่
การเพิ่มกระทู้ให้อยู่ในรายการโปรด
โดย จันนุสรณ์ ดีแก่ พฤ 13 ธ.ค. 2018 1:22 pm บอร์ด phpBB user Guide Knowledge
0
17
พฤ 13 ธ.ค. 2018 1:22 pm โดย จันนุสรณ์ ดีแก่
สอบถามวิธีจัดการ Notify บน Browser หน่อยครับว่าจะตั้งค่ายังไงให้มันแสดง หรือให้ไม่แสดงยังไง
โดย tatiya พ 12 ธ.ค. 2018 7:13 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
30
พ 12 ธ.ค. 2018 7:13 pm โดย tatiya
Styles เว็บไซต์
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 5:48 pm บอร์ด phpBB 3.1 Extension Review
0
44
พ 12 ธ.ค. 2018 5:48 pm โดย จันนุสรณ์ ดีแก่
การเปลี่ยน Style Board phpBB
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 5:27 pm บอร์ด phpBB user Guide Knowledge
0
31
พ 12 ธ.ค. 2018 5:27 pm โดย จันนุสรณ์ ดีแก่
Q - วิธีการใส่ไฟล์ภาษาลงใน javascript
โดย Ittichai_chupol พ 12 ธ.ค. 2018 5:11 pm บอร์ด JavaScript & Jquery Ajax
1
49
พฤ 13 ธ.ค. 2018 11:27 am โดย mindphp
การเปลี่ยนสีและเพิ่มรูปภาพ USER!
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 4:10 pm บอร์ด phpBB user Guide Knowledge
0
29
พ 12 ธ.ค. 2018 4:10 pm โดย จันนุสรณ์ ดีแก่
วิธีสมัครเป็นสมาชิกในเว็บบอร์ด php
โดย จันนุสรณ์ ดีแก่ พ 12 ธ.ค. 2018 2:38 pm บอร์ด phpBB user Guide Knowledge
0
25
พ 12 ธ.ค. 2018 2:38 pm โดย จันนุสรณ์ ดีแก่
สอนวิธีเล่น LINE พร้อมกันหลายบัญชี
โดย tipsuphan พ 12 ธ.ค. 2018 2:35 pm บอร์ด Share Knowledge
0
30
พ 12 ธ.ค. 2018 2:35 pm โดย tipsuphan