English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

خصائص Navigator geolocation

مفهوم Navigator في JavaScript

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 بالكامل:

خصائص
geolocation53.51659

تفاصيل تقنية

القيمة الم返回ة:الإشارة إلى عنصر الموقع الجغرافي

مزيد من الأمثلة

هذا المثال يظهر جميع خصائص 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:

  1. <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

مفهوم Navigator في JavaScript