Geolocation กับ HTML5 และ javascript บูรณาการกับ Google Maps

สินค้าใหม่ถูกนำมาใช้กับ HTML5 เป็นจำนวนมากและบางอย่างที่น่าสนใจโดยเฉพาะอย่างยิ่ง ในหมู่เหล่านี้ยืนออกไม่มีข้อสงสัยการสนับสนุนสำหรับ Geolocation ซึ่งจะสามารถตรวจสอบที่ตั้งทางภูมิศาสตร์ของผู้ใช้ผ่านเบราว์เซอร์

การใช้ Geolocation ในความเป็นจริงด้วยการสนับสนุนสำหรับเบราว์เซอร์ HTML5 จะสามารถติดตามสถานที่ของผู้ใช้โดยใช้ที่อยู่ IP ที่กำหนดโดยการเชื่อมต่อ ISP ของคุณใกล้ชิดในการสื่อสารของเซลล์ (สำหรับการเชื่อมต่อมือถือ) หรือผ่านทาง' เสาอากาศ GPS อาจจะรวมอยู่ในอุปกรณ์ ตำแหน่งการตรวจสอบ georafica แน่นอนเกิดขึ้นหลังจากได้รับความยินยอมของบุคคลที่เกี่ยวข้อง (ผู้ที่จะได้รับแจ้งจากการร้องขอของหน้าเว็บที่จะทำให้การติดตามของตำแหน่งที่ขอซึ่งจะสามารถให้ความยินยอมหรือไม่)

สถานที่ส่งกลับโดยเบราว์เซอร์จะแสดงโดยมีพิกัด (ละติจูดและลองจิจูด) ที่นั้นจะสามารถใช้โดย JavaScript ของ Geolocation API ใหม่จะขึ้นอยู่กับคุณสมบัติใหม่ของวัตถุ Navigator : navigator.geolocation

เพื่อที่จะตรวจสอบว่าเบราว์เซอร์ให้การสนับสนุนเหล่านี้ใหม่ API สำหรับ HTML5 จะเพียงพอจึงโทรตามเงื่อนไขเช่นนี้ :

 ถ้า (navigator.geolocation) {



  



 / เบราว์เซอร์พร้อม / ด้วยการสนับสนุนการ HTML5 Geolocation







 else {}



  



 / / ไม่มีการสนับสนุนสำหรับ Geolocation







 }

นี่คือบางส่วนรหัส Javascript ง่ายๆ (ที่จะแทรกในส่วนหัวของหน้า) สำหรับการตรวจสอบพิกัดทางภูมิศาสตร์ของผู้ใช้คือ :

 ถ้า (navigator.geolocation) {



  



 navigator.geolocation.getCurrentPosition (mia_posizione);







 else {}



  



 alert ('การแปลทางภูมิศาสตร์เป็นไปไม่ได้');







 }









 ฟังก์ชั่น mia_posizione () {



  



 var lat = position.coords.latitude;



  



 var lon = position.coords.longitude;



  



 document.getElementById ('สถานที่') innerHTML ='ตำแหน่งของคุณ :'. + lat +','+ lon;

  





 }

ในร่างกายของหน้าไม่เพียง แต่มีการแทรกองค์ประกอบที่มี ID"ตำแหน่ง"ภายในซึ่งพิกัดของผู้ใช้จะถูกเขียน

หากต้องการดูตัวอย่างการทำงาน คลิกที่นี่ .

ฟังก์ชั่น GetCurrentPosition ()

ในขณะที่คุณสามารถดูว่าเบราว์เซอร์ของคุณสนับสนุนหลอดเลือดดำ getCurrentPosition Geolocation ที่เรียกว่าฟังก์ชัน () ซึ่งในตัวอย่างของเราหนึ่งอาร์กิวเมนต์จะถูกส่งเป็นโทรกลับเกี่ยวกับความสำเร็จของ
ที่จริงงานนี้ยอมรับว่าสามพารามิเตอร์ :

• กลับประสบความสำเร็จ;
• โทรกลับในความล้มเหลว;
• ตัวเลือก :
  • enableHighAccuracy : จริงหรือเท็จคือการขออุปกรณ์เพื่อส่งสถานที่ที่มีระดับสูงสุดของความถูกต้อง (attivamndo ตัวอย่างเช่นอุปกรณ์ GPS);
  • หมดเวลา : ระยะเวลาสูงสุดของการรอคอยสำหรับการตรวจสอบของตำแหน่ง (เป็นมิลลิวินาที);
  • maximumAge : อายุสูงสุดหลังจากที่ตรวจสอบจะต้องดำเนินการติดตามตำแหน่ง Nuvo;

นี่คือตัวอย่างของการใช้ getCurrentPosition () มีทั้งหมดสามพารามิเตอร์ได้รับอนุญาตที่ :

 



 navigator.geolocation.getCurrentPosition (



  



 success_callback, error_callback, {enableHighAccuracy : false});

 

• <<
• 1
• 2
• 3
• >>