English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
geolocationخصائص只قراءة تعود بالنسبة للمستخدمين للموقع الجغرافي.
لأسباب سرية، يتم طلب إذن المستخدم لتقديم معلومات موقعهم.
ملاحظة:هذه الميزة متاحة فقط في سياق الأمان (HTTPS) في بعض أو جميع المتصفحات المدعومة.
يمكنك العثور علىفي دليل HTML5 للموقع الجغرافيللإطلاع على معلومات إضافية حول الموقع الجغرافي.
navigator.geolocation
<script> var x = document.getElementById("demo"); function getLocation() { navigator.geolocation.getCurrentPosition(showLoc); x.innerHTML = 'حصول على الموقع...'; } function showLoc(pos) { x.innerHTML = "خط العرض: " + pos.coords.latitude + "<br>خط الطول: " + pos.coords.longitude; } </script>اختبار‹/›
الرقم في الجدول في الصفحة يحدد إصدار المتصفح الأول الذي يدعم الخاصية geolocation بالكامل:
خصائص | |||||
geolocation | 5 | 3.5 | 16 | 5 | 9 |
القيمة الم返回ة: | الإشارة إلى عنصر الموقع الجغرافي |
---|
هذا المثال يظهر جميع خصائص Navigator:
var txt = ";" txt += "<p>Browser CodeName: " + navigator.appCodeName + "</p>"; txt += "<p>Browser Name: " + navigator.appName + "</p>"; txt += "<p>Browser Version: " + navigator.appVersion + "</p>"; txt += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>"; txt += "<p>Browser Language: " + navigator.language + "</p>"; txt += "<p>Browser Online: " + navigator.onLine + "</p>"; txt += "<p>Platform: " + navigator.platform + "</p>"; txt += "<p>User-agent header: " + navigator.userAgent + "</p>"; document.write(txt);اختبار‹/›
في المثال التالي، يتم استخدام الطول والعرض العائدين لعرض الموقع على خريطة جوجل:
<script> function showLoc(pos) { var latt = pos.coords.latitude; var long = pos.coords.longitude; var lattlong = new google.maps.LatLng(latt, long); var options = { center: lattlong, zoom: 10, mapTypeControl: true, navigationControlOptions: {style:google.maps.NavigationControlStyle.SMALL} ; var mapg = new google.maps.Map(x, options); var mark = new google.maps.Marker({position:lattlong, map:mapg, title:"You are here!"}); } </script>اختبار‹/›
عرض الموقع على الخريطة هو مهمة ممتعة للغاية. تقدم هذه الخدمة مواقع دقيقة في الخريطة.
لعرض النتائج على الخريطة، تحتاج إلى الوصول إلى خدمة الخريطة، مثل Google Maps.
وظائف الخريطة تقدمها مكتبة JavaScript الموجودة في Google:
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY"></script>
مرجع Navigator:خصائص navigator.appCodeName
مرجع Navigator:خصائص navigator.appname
مرجع Navigator:خصائص navigator.appVersion
مرجع Navigator:خصائص navigator.language
مرجع Navigator:خصائص navigator.onLine
مرجع Navigator:خصائص navigator.platform
مرجع Navigator:خصائص navigator.userAgent