---
id: 587d7faf367417b2b2512be8
title: Get Geolocation Data to Find A User's GPS Coordinates
challengeType: 6
videoUrl: ''
localeTitle: احصل على بيانات تحديد الموقع الجغرافي للعثور على إحداثيات نظام تحديد المواقع العالمي للمستخدم
---
## Description
شيء آخر رائع يمكنك القيام به هو الوصول إلى الموقع الحالي للمستخدم. يحتوي كل متصفح على متصفح مدمج يمكن أن يوفر لك هذه المعلومات. سيحصل المستكشف على خطوط الطول والعرض الحالية للمستخدم. سترى مطالبة للسماح بهذا الموقع أو حظره من معرفة موقعك الحالي. يمكن إكمال التحدي في كلتا الحالتين ، طالما أن الرمز صحيح. عن طريق تحديد السماح ، سترى النص الموجود على هاتف الإخراج يتغير إلى خط العرض وخط الطول. هنا رمز يفعل هذا: إذا (navigator.geolocation) {
navigator.geolocation.getCurrentPosition (الوظيفة (الموضع) {
document.getElementById ('data'). innerHTML = "latitude:" + position.coords.latitude + "<br> longitude:" + position.coords.longitude؛
})؛
}
أولاً ، يتحقق من وجود كائن navigator.geolocation
. إذا حدث ذلك ، يتم getCurrentPosition
الأسلوب getCurrentPosition
على هذا الكائن ، والذي يبدأ طلبًا غير متزامن لموضع المستخدم. في حالة نجاح الطلب ، يتم تشغيل وظيفة رد الاتصال في الطريقة. تصل هذه الوظيفة إلى قيم كائن position
لخط العرض وخط الطول باستخدام تدوين النقطة وتحديث HTML.
## Instructions
أضف رمز المثال داخل علامات script
للتحقق من الموقع الحالي للمستخدم وإدراجه في HTML.
## Tests
```yml
tests:
- text: ''
testString: 'assert(code.match(/navigator\.geolocation\.getCurrentPosition/g), "Your code should use navigator.geolocation
to access the user's current location.");'
- text: يجب أن تستخدم شفرتك position.coords.latitude
لعرض موقع خط العرض للمستخدم.
testString: 'assert(code.match(/position\.coords\.latitude/g), "Your code should use position.coords.latitude
to display the user's latitudinal location.");'
- text: يجب أن تستخدم شفرتك position.coords.longitude
لعرض الموقع الطولي للمستخدم.
testString: 'assert(code.match(/position\.coords\.longitude/g), "Your code should use position.coords.longitude
to display the user's longitudinal location.");'
- text: يجب عليك عرض موقف المستخدم داخل عنصر div data
.
testString: 'assert(code.match(/document\.getElementById\(\s*?("|")data\1\s*?\)\.innerHTML/g), "You should display the user's position within the data
div element.");'
```
## Challenge Seed
```html
You are here:
```
## Solution
```js
// solution required
```