สำหรับโปรแกรมเมอร์การพัฒนาเว็บหนึ่งในแง่มุมที่น่าสนใจที่สุดของงานพัฒนาคือการได้รับข้อมูลที่ตั้งทางภูมิศาสตร์ แค่คิดว่าผู้ใช้ท่องเว็บหน้าของคุณอยู่ที่ไหน? โปรแกรมเมอร์สามารถปรับภาษาของเว็บไซต์การแนะนำผลิตภัณฑ์เฉพาะ ฯลฯ ตามข้อมูลตำแหน่งทางภูมิศาสตร์ของผู้ใช้ สิ่งที่เรากำลังจะแสดงให้เห็นด้านล่างคือการรับข้อมูลทางภูมิศาสตร์โดยละเอียดผ่านข้อมูลตำแหน่งทางภูมิศาสตร์ JavaScript API ในเบราว์เซอร์!
ตรวจสอบว่าเบราว์เซอร์ของคุณรองรับ API geolocation หรือไม่
ปัจจุบันเบราว์เซอร์กระแสหลักได้รับการสนับสนุนที่ดีขึ้นสำหรับ API ข้อมูลตำแหน่งทางภูมิศาสตร์ JavaScript แต่ถ้าคุณไม่สบายใจวิธีที่ดีที่สุดในการยืนยันการสนับสนุนของข้อมูลตำแหน่งทางภูมิศาสตร์ API คือการทดสอบคุณสมบัติของเบราว์เซอร์
if ("geolocation" ใน Navigator) {// w00t!} else {Alert ("น่าเสียดาย! เบราว์เซอร์ของคุณไม่รองรับฟังก์ชั่น API ตำแหน่งทางภูมิศาสตร์");}สำหรับการพิจารณาว่าเบราว์เซอร์รองรับ API ตำแหน่งทางภูมิศาสตร์สิ่งที่สำคัญที่สุดคือการดูวัตถุนำทางการตั้งค่าวัตถุใช้แทนที่จะใช้ IF (Navigator.geolocation) สิ่งนี้สำคัญมากเนื่องจากหลังอาจเริ่มต้นวัตถุข้อมูลตำแหน่งทางภูมิศาสตร์ดังนั้นจึงครอบครอง/ล็อคทรัพยากรอุปกรณ์
ข้อมูลตำแหน่งทางภูมิศาสตร์แบบสอบถาม
วิธี Navigator.geolocation.getCurrentPosition เป็นอินเทอร์เฟซที่สำคัญที่สุดในการรับข้อมูลตำแหน่งโดยละเอียด:
if ("geolocation" ใน Navigator) {navigator.geolocation.getCurrentPosition (ฟังก์ชั่น (ตำแหน่ง) {console.log (ตำแหน่ง);});}เมื่อคุณเรียกวิธีการนี้ (หากคำขอสำเร็จมันจะดำเนินการวิธีการโทรกลับที่คุณให้ไว้ในพารามิเตอร์) เบราว์เซอร์จะถามผู้ใช้ว่าจะอนุญาตให้โปรแกรมรับข้อมูลตำแหน่งทางภูมิศาสตร์ของพวกเขาหรือไม่
เมื่อผู้ใช้เรียกใช้เว็บเพจเพื่อรับข้อมูลตำแหน่งเบราว์เซอร์สามารถเริ่มอ่านข้อมูลทางภูมิศาสตร์ได้ มันจะส่งคืนวัตถุข้อมูลสถานที่ให้คุณ โครงสร้างของวัตถุนั้นมีดังนี้:
// "ตำแหน่ง" วัตถุ {พิกัด: {"พิกัด" ความแม่นยำของวัตถุ: 65, ระดับความสูง: 294.4074401855469, Altitudeaccuracy: 10, หัว: -1, Latitude: 43.01256284360166 1429722992094269}หากคุณคิดว่าข้อมูลที่ตั้งทางภูมิศาสตร์เหล่านี้ (พิกัดทางภูมิศาสตร์และพิกัดลองจิจูด) ไม่เพียงพอและต้องการประเทศหรือเมืองที่พิกัดทางภูมิศาสตร์เหล่านี้เป็นของคุณต้องโทรหาฐานข้อมูลของบุคคลที่สามอื่น ๆ - เราจะไม่อธิบายรายละเอียดที่นี่
ข้อมูลตำแหน่งทางภูมิศาสตร์นี้ API เป็นแอปพลิเคชั่น API ที่พบบ่อยที่สุดในแอปพลิเคชันมือถือจำนวนมาก ในฐานะโปรแกรมเมอร์เว็บควรเป็นความรู้และทักษะที่คุณต้องมี โชคดีที่เทคโนโลยีนี้ได้รับการสนับสนุนจากเบราว์เซอร์ยอดนิยมทั้งหมดในปัจจุบัน
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์สำหรับทุกคนในการเรียนรู้การเขียนโปรแกรม JavaScript