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

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Q - ต้องการที่จะทำให้ Selenium นั้นคลิกปุ่มตามที่กำหนด
โดย rangsan จ 21 พฤษภาคม 2018 3:23 pm บอร์ด Selenium
2
5
จ 21 พฤษภาคม 2018 3:56 pm โดย rangsan
การสร้าง Field สำหรับ XML Form ในระบบ Joomla
โดย Parichat จ 21 พฤษภาคม 2018 2:52 pm บอร์ด Joomla Developing Knowledge
0
5
จ 21 พฤษภาคม 2018 2:52 pm โดย Parichat
B - MJUpgrade ค้างที่ขั้นตอน Upgrading
โดย tsukasaz จ 21 พฤษภาคม 2018 11:00 am บอร์ด Doy-shop ( 15 พ.ค. - 29 พ.ค. 61)
0
2
จ 21 พฤษภาคม 2018 11:00 am โดย tsukasaz
B-ไม่สามารถส่งอีเมลล์หาลูกค้าใน Lead ได้
โดย watcharin จ 21 พฤษภาคม 2018 10:33 am บอร์ด M.D.Soft Co.,Ltd. - Tester
1
8
จ 21 พฤษภาคม 2018 10:43 am โดย mindphp
งานประจำวันที่ 21 พฤษภาคม 2561
โดย Rujikon จ 21 พฤษภาคม 2018 9:56 am บอร์ด M060 - นายรุจิกร พงษ์พิละ
1
7
จ 21 พฤษภาคม 2018 2:39 pm โดย AePongsak
งานประจำวันที่ 21 พฤษภาคม 2561
โดย rangsan จ 21 พฤษภาคม 2018 9:56 am บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
1
จ 21 พฤษภาคม 2018 9:56 am โดย rangsan
B - Write Checks error
โดย thatsawan อ 20 พฤษภาคม 2018 11:08 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 11:08 pm โดย thatsawan
B - กรณีที่เปิด sup inv 2 ใบสถานะ open เเล้วเปิด Sup Payments inv 2 ใบ สถานะ open เเล้วcancel inv 1 ทำให้ Sup Paymenพัง
โดย thatsawan อ 20 พฤษภาคม 2018 10:57 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
3
อ 20 พฤษภาคม 2018 10:57 pm โดย thatsawan
B - error Supplier Payments
โดย thatsawan อ 20 พฤษภาคม 2018 10:29 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
2
อ 20 พฤษภาคม 2018 10:29 pm โดย thatsawan
งานประจำวัน 19 พฤษภาคม 2561
โดย patcha635 ส 19 พฤษภาคม 2018 7:26 pm บอร์ด M059 - พัชมณ สุวรรณ
0
2
ส 19 พฤษภาคม 2018 7:26 pm โดย patcha635
Re: R - รับค่าจากฟอร์ม รับ Selenium webdirve เพื่อ ทำ automates test ระบบ ERP
โดย rangsan ส 19 พฤษภาคม 2018 7:08 pm บอร์ด M058 - รังสรรค์ มุ่งกลาง
0
2
ส 19 พฤษภาคม 2018 7:08 pm โดย rangsan
ขอใบเสนอราคาของฮาจังนะ
โดย kanchanok ส 19 พฤษภาคม 2018 7:01 pm บอร์ด Mindphp Task (ทดลองงาน)
1
7
จ 21 พฤษภาคม 2018 3:31 pm โดย mindphp
Q-ปัญหาเพิ่มเติมจากการกด Confiem Order ใน Quotations
โดย Rujikon ส 19 พฤษภาคม 2018 6:58 pm บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
0
1
ส 19 พฤษภาคม 2018 6:58 pm โดย Rujikon
B - เอกสารที่ปริ้นออกมาตัวหนังสือทับกัน
โดย kanchanok ส 19 พฤษภาคม 2018 6:32 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
7
ส 19 พฤษภาคม 2018 6:32 pm โดย kanchanok
B - ไม่สามารถกด open Petty Cash ได้
โดย kanchanok ส 19 พฤษภาคม 2018 5:42 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
0
4
ส 19 พฤษภาคม 2018 5:42 pm โดย kanchanok
Q-ไม่สามารถกด Confirm Order ในใบ Quotation ได้
โดย Rujikon ส 19 พฤษภาคม 2018 5:30 pm บอร์ด บวรเวชสมุนไพรไทย จำกัด - Tester
0
6
ส 19 พฤษภาคม 2018 5:30 pm โดย Rujikon
ขอตัวอย่าง บันทึกบัญชีจ่ายเงินเดือนค่ะ
โดย thatsawan ส 19 พฤษภาคม 2018 4:39 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
27
ส 19 พฤษภาคม 2018 5:06 pm โดย kanchanok
B - ไม่สามารถ Posted การจ่ายชำระเงินได้
โดย kanchanok ส 19 พฤษภาคม 2018 2:19 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
3
16
อ 20 พฤษภาคม 2018 10:58 pm โดย thatsawan
(Close) B - ไม่สามารถ Validate Supplier Credit Note ได้
โดย kanchanok ส 19 พฤษภาคม 2018 1:58 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
1
7
ส 19 พฤษภาคม 2018 3:34 pm โดย thatsawan
B - ไม่สามารถเลือก Journal Item ได้
โดย kanchanok ส 19 พฤษภาคม 2018 12:08 pm บอร์ด M.D.Soft Co.,Ltd. - Tester
2
7
ส 19 พฤษภาคม 2018 1:23 pm โดย kanchanok