HTML5 ให้ข้อมูลที่ตั้งทางภูมิศาสตร์และรับตำแหน่งปัจจุบันของผู้ใช้ผ่านเบราว์เซอร์ จากคุณสมบัตินี้คุณสามารถพัฒนาแอปพลิเคชันบริการตามตำแหน่ง ก่อนที่จะได้รับข้อมูลที่ตั้งทางภูมิศาสตร์เบราว์เซอร์แรกจะถามผู้ใช้ว่าพวกเขายินดีที่จะแบ่งปันข้อมูลตำแหน่งของพวกเขาและพวกเขาสามารถใช้งานได้หลังจากความยินยอมของผู้ใช้เท่านั้น
HTML5 การได้รับข้อมูลที่ตั้งทางภูมิศาสตร์นั้นจัดทำโดย API GEOLOCATION โดยใช้วิธีการ getCurrentPosition
การสาธิตต่อไปนี้แสดงให้เห็นถึงข้อมูลที่ตั้งทางภูมิศาสตร์ผ่านธรณีวิทยาและแสดงตำแหน่งปัจจุบันบนแผนที่ Baidu (โดยเรียก Baidu Map API) ผลการทดลองพบว่าสถานที่ตั้งอยู่ที่ทางเข้าถนนตะวันออกในเมืองมหาวิทยาลัย
รหัสจะแสดงด้านล่าง (โดยที่ไฟล์แปลงพิกัดที่จัดทำโดย convertor.js สำหรับแผนที่ baidu):
<! /script> <script type = text/javascript src = convertor.js> </head> </head> <body> map style = widthle: 600px; /javascript> if (window.navigator.geolocation) {ตัวเลือก var = {enablehighacuracy: true,}; (POSITY) {// รับละติจูดตำแหน่งและลองจิจูดปัจจุบัน Baidu MAP API Display VAR MAP = ใหม่ BMAP.MAP (แผนที่); = ใหม่ bmap.marker (จุด); map.addoverlay (marker);ไฟล์ convertor.js:
(function () {// การปิดฟังก์ชั่น load_script (xyurl, callback) {var head = document.getElementsByTagname ('head') [0]; eElement ('script'); script.type = 'text/javascript'; สคริปต์ src = xyurl; {callback && callback (); ของภาคผนวกเพื่อหลีกเลี่ยงข้อผิดพลาด IE6 var xyurl = http://api.map.baidu.com/ag/coord/convert?from= + type + & to = 4 & x = + point.lng + & y = + point.lat + & callback = bmap .Convertor );ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้