تحديد location شخص ما

Ahmed Ebrahim11 · 19 أغسطس 2023

هل يمكنني تحديد موقع شخص ما باستخدام جافاسكربت وكيف اقوم بذلك؟

عبدالباسط ابراهيم · 19 أغسطس 2023

يمكنك تحديد موقع شخص ما باستخدام JavaScript من خلال استخدام خدمات الموقع الجغرافي (Geolocation services). تتيح هذه الخدمات للمتصفح الحصول على الموقع الجغرافي للمستخدم من خلال تقنيات مثل تحديد المواقع العالمي (GPS) أو عناوين IP أو شبكات Wi-Fi المجاورة.

لتحديد موقع المستخدم باستخدام JavaScript، يمكنك استخدام واجهة Geolocation المتاحة في متصفح الويب. إليك مثال بسيط يوضح كيفية استخدامها:

if (navigator.geolocation) {
  navigator.geolocation.getCurrentPosition(showPosition);
} else {
  console.log("Geolocation is not supported by this browser.");
}

function showPosition(position) {
  const latitude = position.coords.latitude;
  const longitude = position.coords.longitude;
  console.log("Latitude: " + latitude);
  console.log("Longitude: " + longitude);
}

في هذا المثال، نتحقق من توافر واجهة Geolocation في المتصفح باستخدام `navigator.geolocation`. إذا كانت متاحة، فسنستخدم `getCurrentPosition` للحصول على الموقع الحالي للمستخدم. يتم تمرير وظيفة `showPosition` كمعامل لـ `getCurrentPosition` والتي ستتم استدعاؤها عندما يتم العثور على الموقع بنجاح.

داخل وظيفة `showPosition`، يمكنك الوصول إلى خصائص `coords.latitude` و `coords.longitude` للحصول على خط العرض وخط الطول الخاصين بالموقع.

يرجى ملاحظة أنه للوصول إلى موقع المستخدم، قد يلزم الحصول على إذن من المستخدم. يجب عليك التأكد من أن موقعك مستخدم في اتصال آمن (HTTPS) لأن بعض المتصفحات تتطلب ذلك للسماح بالوصول إلى الموقع الجغرافي.

Mustafa Suleiman · 19 أغسطس 2023

ستحتاج إلى استخدام ميزة HTML5 Geolocation والتي تسمح لك بطلب موقع المستخدم الحالي من متصفح الويب الخاص به، وبمجرد الحصول على الموقع، يمكنك استخدامه للقيام بأشياء مثل عرض الخريطة في الموقع الحالي للمستخدم أو إرسال إشعار للمستخدم بأن موقعه معروف.

وإليك مثال للكود:

<!DOCTYPE html>
<html>
<head>
<title>Geolocation Example</title>
</head>
<body>

<script>
// This code will get the user's current location
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition, showError);
  } else {
    alert("Your browser does not support geolocation.");
  }
}

// This function will be called when the user's location is retrieved
function showPosition(position) {
  const lat = position.coords.latitude;
  const lng = position.coords.longitude;

  // You can do something with the user's location here,
  // such as display it on a map or send an alert

  alert("Your location is: " + lat + ", " + lng);
}

// This function will be called if an error occurs while getting the user's location
function showError(error) {
  switch (error.code) {
    case 1:
      alert("The user did not grant permission to get their location.");
      break;
    case 2:
      alert("The user's browser does not support geolocation.");
      break;
    case 3:
      alert("The user's browser is unable to get the user's location.");
      break;
  }
}
</script>

<input type="button" value="Get Location" onclick="getLocation();">

</body>
</html>

عند النقر فوق الزر "الحصول على الموقع"، سيطلب الكود موقع المستخدم الحالي. إذا منح المستخدم الإذن، فسيستخدم الكود الموقع لعرضه على الخريطة أو إرسال إشعار للمستخدم بأن موقعه معروف.

وإذا لم يمنح المستخدم الإذن، فسيعرض الكود رسالة تشير إلى أن المستخدم لم يمنح الإذن.

,هناك طريقة أخرى لتحديد موقع شخص ما باستخدام جافاسكربت تتضمن استخدام خاصية navigator.geolocation.watchPosition() والتي تسمح لك بمراقبة موقع المستخدم الحالي وتلقي الإشعارات عندما يتغير الموقع.

وإليك مثال للكود:

<!DOCTYPE html>
<html>
<head>
<title>Geolocation Example</title>
</head>
<body>

<script>
// This code will watch the user's location and notify you when it changes
function watchPosition() {
  navigator.geolocation.watchPosition(showPosition, showError);
}

// This function will be called when the user's location changes
function showPosition(position) {
  const lat = position.coords.latitude;
  const lng = position.coords.longitude;

  // You can do something with the user's location here,
  // such as display it on a map or send an alert

  alert("Your location is: " + lat + ", " + lng);
}

// This function will be called if an error occurs while getting the user's location
function showError(error) {
  switch (error.code) {
    case 1:
      alert("The user did not grant permission to get their location.");
      break;
    case 2:
      alert("The user's browser does not support geolocation.");
      break;
    case 3:
      alert("The user's browser is unable to get the user's location.");
      break;
  }
}
</script>

<input type="button" value="Get Location" onclick="watchPosition();">
</body>
</html>

وwatchPosition() تعمل على مراقبة تغييرات الموقع الجغرافي للمستخدم وتقديم تحديثات مستمرة بشأن الموقع الجديد، وتعمل الواجهة على مراقبة الموقع عبر جهاز GPS أو شبكات Wi-Fi أو تقنيات الهاتف المحمول.

وهي مفيدة في التالي:

تتبع حركة المستخدم وتحديث التطبيق بناءً على موقعه الحالي.
تخصيص تجربة المستخدم عندما يتحرك بين مواقع مختلفة، مثل تقديم محتوى متعلق بالموقع أو توجيهات للتنقل.
تحديد موقع جهاز مفقود أو مسروق.
يمكن استخدامها في تطبيقات لتتبع النشاطات البدنية مثل الجري أو ركوب الدراجات.
يمكنك تحسين دقة الموقع بمرور الوقت حيث يمكن للتطبيق التفاعل مع تحسينات أفضل لتحديد الموقع عندما تصبح متاحة.

Ahmed Ebrahim11 · 23 أغسطس 2023

بتاريخ On ١٩‏/٨‏/٢٠٢٣ at 19:17 قال Mustafa Suleiman:
ستحتاج إلى استخدام ميزة HTML5 Geolocation والتي تسمح لك بطلب موقع المستخدم الحالي من متصفح الويب الخاص به، وبمجرد الحصول على الموقع، يمكنك استخدامه للقيام بأشياء مثل عرض الخريطة في الموقع الحالي للمستخدم أو إرسال إشعار للمستخدم بأن موقعه معروف.

وإليك مثال للكود:
<!DOCTYPE html>
<html>
<head>
<title>Geolocation Example</title>
</head>
<body>

<script>
// This code will get the user's current location
function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition, showError);
  } else {
    alert("Your browser does not support geolocation.");
  }
}

// This function will be called when the user's location is retrieved
function showPosition(position) {
  const lat = position.coords.latitude;
  const lng = position.coords.longitude;

  // You can do something with the user's location here,
  // such as display it on a map or send an alert

  alert("Your location is: " + lat + ", " + lng);
}

// This function will be called if an error occurs while getting the user's location
function showError(error) {
  switch (error.code) {
    case 1:
      alert("The user did not grant permission to get their location.");
      break;
    case 2:
      alert("The user's browser does not support geolocation.");
      break;
    case 3:
      alert("The user's browser is unable to get the user's location.");
      break;
  }
}
</script>

<input type="button" value="Get Location" onclick="getLocation();">

</body>
</html>
عند النقر فوق الزر "الحصول على الموقع"، سيطلب الكود موقع المستخدم الحالي. إذا منح المستخدم الإذن، فسيستخدم الكود الموقع لعرضه على الخريطة أو إرسال إشعار للمستخدم بأن موقعه معروف.

وإذا لم يمنح المستخدم الإذن، فسيعرض الكود رسالة تشير إلى أن المستخدم لم يمنح الإذن.

,هناك طريقة أخرى لتحديد موقع شخص ما باستخدام جافاسكربت تتضمن استخدام خاصية navigator.geolocation.watchPosition() والتي تسمح لك بمراقبة موقع المستخدم الحالي وتلقي الإشعارات عندما يتغير الموقع.

وإليك مثال للكود:
<!DOCTYPE html>
<html>
<head>
<title>Geolocation Example</title>
</head>
<body>

<script>
// This code will watch the user's location and notify you when it changes
function watchPosition() {
  navigator.geolocation.watchPosition(showPosition, showError);
}

// This function will be called when the user's location changes
function showPosition(position) {
  const lat = position.coords.latitude;
  const lng = position.coords.longitude;

  // You can do something with the user's location here,
  // such as display it on a map or send an alert

  alert("Your location is: " + lat + ", " + lng);
}

// This function will be called if an error occurs while getting the user's location
function showError(error) {
  switch (error.code) {
    case 1:
      alert("The user did not grant permission to get their location.");
      break;
    case 2:
      alert("The user's browser does not support geolocation.");
      break;
    case 3:
      alert("The user's browser is unable to get the user's location.");
      break;
  }
}
</script>

<input type="button" value="Get Location" onclick="watchPosition();">
</body>
</html>
وwatchPosition() تعمل على مراقبة تغييرات الموقع الجغرافي للمستخدم وتقديم تحديثات مستمرة بشأن الموقع الجديد، وتعمل الواجهة على مراقبة الموقع عبر جهاز GPS أو شبكات Wi-Fi أو تقنيات الهاتف المحمول.

وهي مفيدة في التالي:

تتبع حركة المستخدم وتحديث التطبيق بناءً على موقعه الحالي.

تخصيص تجربة المستخدم عندما يتحرك بين مواقع مختلفة، مثل تقديم محتوى متعلق بالموقع أو توجيهات للتنقل.

تحديد موقع جهاز مفقود أو مسروق.

يمكن استخدامها في تطبيقات لتتبع النشاطات البدنية مثل الجري أو ركوب الدراجات.

يمكنك تحسين دقة الموقع بمرور الوقت حيث يمكن للتطبيق التفاعل مع تحسينات أفضل لتحديد الموقع عندما تصبح متاحة.

استاذي الان اريد تحديد موقع شخص عن طريق هاتفه بدون علمه هل هناك طريقه؟

لان هذه الطريقه لا تؤدي غرضي

تحديد location شخص ما

السؤال

Ahmed Ebrahim11

رابط هذا التعليق

شارك على الشبكات الإجتماعية

3 أجوبة على هذا السؤال

Recommended Posts

عبدالباسط ابراهيم

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Mustafa Suleiman

رابط هذا التعليق

شارك على الشبكات الإجتماعية

Ahmed Ebrahim11

رابط هذا التعليق

شارك على الشبكات الإجتماعية

انضم إلى النقاش

إعلانات

تابعنا على

الرئيسية

تابعنا

دروس ومقالات

أسئلة وأجوبة

كتب

دورات

بطاقات هدية